花里胡哨之Typora主题

最新推荐文章于 2024-01-20 16:39:07 发布

唐微港

最新推荐文章于 2024-01-20 16:39:07 发布

阅读量507

点赞数 2

分类专栏：开发工具文章标签： Typora

本文链接：https://blog.csdn.net/William_TWG/article/details/118339662

版权

4 篇文章 0 订阅

订阅专栏

要想使用一个工具的前提，毫无疑问那肯定是先下载或安装。以下是Typora的官网地址，可以直接在官网上下载最新版本进行安装。

https://www.typora.io/

新安装的Typora是没有开启调试模式的，所以在页面点击右键看不到有检查元素的选项。所以首先应该执行以下操作。

点击文件	》 偏好设置	》  通用	》	勾选开启调试模式

这时候在点击右键就可以看到检查元素选项了

在这里插入图片描述

点击主题，选择一个主题，选择好主题后记住主题名。

按照如下操作进行打开

点击导航栏中的 文件	》  偏好设置	  》 外观  》 打开主题文件夹

按照这个方式打开后会看到主题存放的位置，例如我选择的是night主题。那么在位置中就选择night.css文件进行编辑即可。

在这里插入图片描述

首先应该明确需要更改的主题样式，例如要更改二号标题颜色，那么就在Typora中写一个二级标题，然后右键，选择检查元素。接下来就像浏览器调试那样，找到对应节点，在右侧可以看到相应节点的样式。找到这个样式后在到对应主题的css文件中去进行修改。例如这里我想更改四级标题的样式。

在这里插入图片描述

2 .定位到了样式后就打开需要更改的主题css,找到相应样式进行修改即可

在这里插入图片描述

在这里插入图片描述

以下附上我上面的几种主题色

//黄绿色
color:#BFFF00;
//橘色
color: #FFA500;
//浅绿色
color: #41B883;

关注