一、简介

Typora 是一款支持实时预览的 Markdown 文本编辑器。它系统自带了几种主题样式，如下图所示：

选择不一样的主题当然就有不一样的样式，但是今天的重点不是这个，今天我来教大家如何修改文本的标签样式，让你的笔记看起来更加的炫酷和优雅。

所有的修改都是去到这个目录下：

然后可以看到几个不同主题的.css 文件，我们以 github 的主题为例：

二、引用标签

原来：

修改后：

修改方法：

右键点击 “检查元素”：

点击它然后去选择需要修改的标签元素：

这里我点击选择了 “引用标签”，可以看到是一个<blockquote>标签：

可以在右侧的blockquote标签内进行实时的样式调试，比如这样：

调试完之后，将样式对应的值去配置文件（github.css）中找到相应的标签，进行替换或补充。

进行个性化调整之后，我将标签的样式修改如下：

blockquote {background: #b6cab833;border-left: 4px solid #41ca1e;padding: 0 15px;color: #777777;}

原来的样式：

blockquote {

border-left: 4px solid #dfe2e5;

padding: 0 15px;

color: #777777;

}

只需要在github.css找到这个标签样式，然后将样式替换为上面的代码块，就能实现和我上面演示一样的效果啦！

其他样式的修改也是这个方法，下面的例子我就简单的说明了，相信你可以举一反三。

三、代码标记

原来：

修改后：

修改方法：

code {background-color: #f3f4f4;padding: 0 2px 0 2px;color:#fb4ac4;}

原来的样式：

code {

background-color: #f3f4f4;

padding: 0 2px 0 2px;

}

四、加粗文本

原来：

修改后：

修改方法：

添加样式：

strong{color:#f52a2a;}

五、高亮文本

原来：

修改后：

修改方法：

添加样式：

mark{color: #2192e2;background: #ff0;}

六、总结

以上就是几个常用的标签，它们的样式修改方法上面也基本讲清楚了，如果想要修改其他的一些标签的样式，方式也是类似的，无非就是在文本找到标签，然后在 .css 文件去添加或修改相应的元素值，比如color、background等等。如果这篇文章能够帮助到你，不妨点个赞。一起互相交流学习，day day up ！