今天我给大家介绍一个非常好用的文档编辑工具——Typora，在编写代码的时候，极其好用，希望你能够喜欢；
基本上，普通的功能就足够我们使用了，当然还有一些相对高级一点的用法，就不是那么容易上手了，主要是因为隐藏的比较深，但是对于我们码农来说，稍微折腾一下其实也是挺简单的。
下面我只是用一个小案例帮助大家能够尽快的掌握这个工具，基本上可以DIY自己喜欢的文档样式；
第一、修改Typora「高亮」的颜色？
Typora 有一个「高亮」的格式，类似于荧光笔，但是感觉默认的颜色偏亮，看久了不舒服，所以利用修改主题文件的方式来自定义颜色。
下面这个是我们在使用github主题是的高亮显示状态，
非常的单一，只显示了黄色背景。
操作很简单，先找到主题文件：「文件」 ==> 「偏好设置」
在右边「外观」栏中找到「打开主题文件」打开：
这个时候我们就会跳转到主题的存放路径文件夹内。
这里我们将对
github.css文件进行修改。
我们看一下打开后的样式长啥样？
如果说我们需要对「高亮」进行样式设置。那么就需要我们有一定的CSS知识，如果是我们对CSS知识不太了解的话，也没有关系，只要跟着我这边操作即可，照猫画虎还不会吗？
打开主题对应的
.css 文件，在最后面加上下面的样式代码：
mark {
background: #a9d18e;
border-bottom: 0px solid #ffffff;
padding: 0.0px;
margin: 0 0px;
}
然后我们需要关掉所有的Typora文档，重新打开。
如果只是想要单纯改变颜色，也可以只写
background的这一行：
mark {
background: #a9d18e;
}
其实运行的效果是一样的。这里我就不演示了，那么这里说明了什么呢？
这里说明了，我们完全可以通过对样式的修改来设置笔记中所有的显示效果。
还说明了我们可不仅仅只是对高亮设置背景颜色那么简单，还可以设置很多种样式。
其中 backgraoud 后面的十六进制数为所需要的颜色。border-bottom 是下划线的大小和颜色。padding 就是上下左右的边框大小。margin 就是所标记文字离左右文字的距离。下面这个为设置的模拟图。
第二、添加Typora「高亮」的快捷键？
上面我们设置了高亮的颜色，那么问题来了，我们使用的时候又出现了问题，问题是没有快捷键可以快速的给文字设置高亮。只能通过状态栏手动的点击「高亮」才能启动。
那么我们该如何设置快捷键呢？下面我们就重点讲解这一块内容。
操作很简单，先找到主题文件：「文件」 ==> 「偏好设置」
在左边「通用」栏中找到「打开高级设置」打开：
这个时候就会进入高级设置的文件界面
我们需要用Notepad++软件打开上面这个文件
进行之后，就是上面这个样子，也没有多少行代码，也就27行。
"Highlight":"Ctrl+Shift+U" //设置高亮的快捷键
"Superscrit":"Ctrl+Shift+X" //设置上标的快捷键
"Subscript":"Ctrl+Shift+D" //设置下标的快捷键
第三、模拟一个「思否」的主题？
纵观多数的编辑器，称得上好看的真的没有几个。比如说掘金、思否、简书等等。
下面这一块是思否的显示效果
下面这一块是掘金的显示效果
就我个人而言，我比较喜欢思否这样的配色，那么除了我们直接在思否上直接写代码外，我们能不能自己配置一个和思否类似的主题呢？其实完全是可以的，只要你愿意折腾，那么可以配置任意你希望配置成的主题。（我们不妨看一下，我们最终设置后的样式显示效果）
看上去还是有些相似的吧，哈哈哈哈哈。我们不要贪多，我们首先要做的是知道使用的方法。后面如果还有需要设置的完全可以在沿着这个思路进一步研究设置。
# 前期准备
操作很简单，先找到主题文件：「文件」 ==> 「偏好设置」
在右边「外观」栏中找到「打开主题文件」打开：
这个时候我们就会跳转到主题的存放路径文件夹内。
需要注意的是我们这里是基于github.css文件进行修改的，也就是说，我们需要先复制一份github.css文件，然后将复制的这份文件命名为sifou.css
后面，我们将在
sifou.css文件中进行修改样式。
我们看下代码的情况。
# 设置“高亮”
首先我们需要知道高亮的关键词在系统中是不存在的，我们需要外部复制进来。具体代码如下
/* 设置高亮后的样式 */
mark {
font-size:1.1em;
color: #00965E;
background: #E9ECEF;
}
我们只需要将这段代码添加进去即可，直接拉到最下面，将代码粘贴进去就可以。
# 设置“块引用”
说到**“块引用”，我们需要知道关键词：blockquote，知道知道这个关键词，我们就可以通过Ctrl+F**快速检索，就能对其设置。
然后我们将下面这块代码设置进去，替换掉。
/* 备注代码块的样式 */
blockquote {
border-left: 4px solid #00965E;
background: #e7e7e7; /*设置备注代码块的背景颜色?/
padding: 8px; /*设置备注代码块的高宽*/
color: #6f6f6f; /*设置备注代码块内的文字颜色*/
}
# 设置“加粗”
如果我们需要设置字体的加粗，和高亮一样，是不存在的，我们需要将下面的这个代码块直接粘贴到代码的最后端即可。
/* 设置加粗后的样式 */
strong
.md-plain{
font-size:1.1em;
color: #00965e;
}
# 设置“代码块”
如果我们需要设置**“代码块”**，那么我们需要知道的关键词是：code
一样可以使用快捷键Ctrl+F，这里就不再演示了，我们不妨看看决定性的代码是怎么样的？
/*设置代码块的样式*/
.md-fences,
code,
tt {
background-color: #ccf5e7;
border-radius: 4px;
padding: 4px;
font-size: 1em;
color:#00965E;
}
code {
background-color: #e5f4ef;
padding: 4px;
}
# 如何使用
其实这样就算设置完成了，我们不妨保存一下，然后在将Typora软件全部关闭掉，然后重新打开。最后点击主题，再选择Sifou,你会发现主题马上就变成了思否的样式，非常的好看。
# 现成文件
上面只是抛砖引玉，如果你不想这么麻烦，我也给大家提供好了这个叫做Sifou的CSS文件。大家直接拖进themes文件夹里面运用即可。
# 仿思否样式文件:
链接：https://pan.baidu.com/s/19rsD2kz2aCupJf24ShrlcA
提取码：1vtu
运用步骤：点击文件--》偏好设置--》外观--》打开主题文件夹--》(将sifou.css文件夹拖进来)--》回到主页--》点击主题--》选择思否--》关闭Typora--》重新打开Typora（运用成功）
# 尾巴
如果说我们需要对Typora编辑器自定义编写样式的话，我们不妨参考一下其他优秀的文章和视频。
优秀的文章参考：自定义Typora编辑器
优秀的文章参考： 如何让你的Typora更好用
优秀的视频参考：【狂神说】程序猿，你真的会用Typora吗？
