typora将html转为格式,Typora 修改配置文件实现自定义标签样式（常用）

Typora 修改配置文件实现自定义标签样式(常用)

Typora 修改配置文件实现自定义标签样式(常用)

一、简介

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

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

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

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

二、引用标签

原来：

修改后：

修改方法：

右键点击 “检查元素”：

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

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

标签：

可以在右侧的 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 ！

Typora 修改配置文件实现自定义标签样式(常用)相关教程