欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

如何修改Typora中的markdown样式

程序员文章站 2024-03-18 19:41:58
...

Typora是一款优秀的markdown文本编辑器,可以用markdown语法来编辑文本的样式,它默认含有GitHub、Newsprint、Night、Pixyll、whitey五种主题。如果对这些主题的默认样式不满意也可以去自定义markdown样式。
1.启动Typora编辑器,选择文件-偏好设置
如何修改Typora中的markdown样式
2.在通用-高级设置中勾选开启调试模式
如何修改Typora中的markdown样式
3.在外观-主题中点击打开主题文件夹按钮。
如何修改Typora中的markdown样式
4.在打开的文件夹中,我们可以看到以GitHub、Newsprint、Night、Pixyll、whitey五种主题命名的css文件,默认是GitHub主题,打开github.css,如果使用的是其它主题就打开其他主题对应的css文件即可。
如何修改Typora中的markdown样式
5.回到Typora编辑器,比如我们来使用``语法编写一个带背景色的文本,默认是灰色背景,黑色文本,我们可以尝试把它变成紫色背景,白色文本。只需要在编辑器中右键选择检查元素,可以发现它的右侧弹出一个和谷歌浏览器开发者模式非常相似的调试界面,实际上Typora确实是一个简易版的浏览器。我们点击左上角的箭头,移动到我们的目标文本上,右侧就可以定位到它的HTML代码和css样式,我们可以发现目标文本是被一个code标签包裹的。
如何修改Typora中的markdown样式
6.我们可以在github.css文件中找到这个元素选择器,只需要修改此选择器的样式即可自定义该文本的样式。修改css代码如下:

code {
  //background-color: #f3f4f4;
  background:blueviolet;
  //padding: 0 2px 0 2px;
  padding: 2px 4px 2px 4px;
  color:#FFFFFF;
  font-weight:bold;
}

7.保存css文件,重新打开Typora编辑器,发现目标文本的样式已经变成我们自己定义的样式了,说明配置生效了。具体效果如步骤5图片所示 。其它文本样式的修改原理也是一样的,在此不再赘述。

相关标签: 科普学习