如何修改Typora中的markdown样式
程序员文章站
2024-03-18 19:41:58
...
Typora是一款优秀的markdown文本编辑器,可以用markdown语法来编辑文本的样式,它默认含有GitHub、Newsprint、Night、Pixyll、whitey
五种主题。如果对这些主题的默认样式不满意也可以去自定义markdown样式。
1.启动Typora编辑器,选择文件-偏好设置
。
2.在通用-高级设置
中勾选开启调试模式
。
3.在外观-主题
中点击打开主题文件夹
按钮。
4.在打开的文件夹中,我们可以看到以GitHub、Newsprint、Night、Pixyll、whitey
五种主题命名的css文件,默认是GitHub主题,打开github.css
,如果使用的是其它主题就打开其他主题对应的css文件即可。
5.回到Typora编辑器,比如我们来使用``语法编写一个带背景色的文本,默认是灰色背景,黑色文本,我们可以尝试把它变成紫色背景,白色文本。只需要在编辑器中右键选择检查元素
,可以发现它的右侧弹出一个和谷歌浏览器开发者模式非常相似的调试界面,实际上Typora确实是一个简易版的浏览器。我们点击左上角的箭头,移动到我们的目标文本上,右侧就可以定位到它的HTML代码和css样式,我们可以发现目标文本是被一个code标签包裹的。
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图片所示 。其它文本样式的修改原理也是一样的,在此不再赘述。
推荐阅读
-
如何修改Typora中的markdown样式
-
在trueStudio 9.1/9.2中如何修改MCU的型号?
-
phpcms中的评论样式修改方法
-
UIWebView控件中字体大小和字体样式的修改
-
帝国CMS当前位置中的“首页”二字如何修改,cms当前位置_PHP教程
-
如何修改WAMP中mysql默认空密码的方法
-
php2pdf - 如何使用php修改pdf中的内容,并且保证格式不乱
-
如何解决vue开发中父组件添加scoped后无法修改子组件样式问题
-
php-网站中想让用户修改自己的主页模版,如何保证代码的安全?
-
用 redis-sentinel 做 redis 集群,如何实现当master挂掉后,不用修改程序中的配置