Typora的美化

偶然之间突然在Typora的视图选项中发现了开发者工具这一选项，点开一看，好家伙，这不和浏览器的开发者选项长得一模一样吗？！用元素选择工具选择了一个元素看了一下，还真是，正好把以前学到的知识实践一下。

首先介绍一下这个软件：

Typora — a markdown editor, markdown reader.

一个markdown阅读器，markdown编辑器

Typora，世界上最漂亮的写作App

好了介绍完毕，进入正题

下载主题包直接使用

官方的主题：Themes Gallery — Typora
或者百度“Typora主题”，找到喜欢的自行下载

Themes Gallery — Typora

下载完后一般都是一个压缩包，里面放了几个文件，或者几个文件夹，就像这样

或者这样

我们先不着急解压，先到这里来

主题文件夹

然后，先看看你的压缩包内是怎么样的，

1. 如果只有后缀为.css的单个或者几个文件，还带上几个文件夹，就像上面压缩包第二种情况的图片内一样，那么就把这些东西一股脑全扔进去
2. 如果你的压缩包根目录内只有一个或者几个文件夹，而没有.css后缀的文件，像压缩包第一种情况的图片内一样，这种情况可能是下载了一系列的主题，那就请打开每个文件夹，直到文件夹内变成第一种情况：“含有文件夹+含有.css后缀的文件”，把里面的东西全扔进去

是不是感觉很乱？我也这么感觉啊啊啊啊啊啊，没找到解决方法，有解决方法的评论区踢我一脚，分享一下

之后只用关闭所有的Typora窗口，关闭所有的Typora窗口，关闭所有的Typora窗口，重新打开Typora，在上面的主题选项便能找到你刚添加的主题了

修改下载的主题或者默认主题

注意，从这里开始，就需要学过CSS才能操作了

在主题文件夹下，找到想修改的主题对应的css文件，Typora默认主题Github对应的文件就是github.css，在操作之前强烈建议先备份一份原文件，以防万一。

用任意一种代码编辑器打开，这里以vscode为例，之后再在Typora的视图选项中打开 开发者工具，也可以在 偏好设置-> 通用->开启调试模式，然后直接右击某个元素，检查元素

之后就对着开发者工具与代码编辑器进行自定义了！
比如h1-h6也就对应的是Markdown的六级标题

这里分享一个我自己比较习惯使用的代码
Typora偏好设置中Markdown扩展语法，有个高亮，需要手动打开，对应语法为==高亮内容==，但默认的高亮效果就像用黄色荧光笔涂在字上一样，让我实在喜欢不起来，中间加上小代码块更是难看的要死

这是修改后的效果

/* 把这段代码直接粘贴到主题对应的css文件最后一行就行 */
#write mark {
    background-color: #f9f2f4;
    border-radius: 0.3rem;
    padding: 2px 4px;
    margin: 0 2px;
    color: #c7254e;
}

这周没有看到个人喜欢的图，鸽了，下次一定，诶嘿！
倒是有一张虽然自己无感，但排行靠前的图，放这里了