修改Typora GitHub主题的分割线样式

修改Typora GitHub主题的分割线样式

---

Typora是一款非常舒服的编辑器, 但GitHub主题下的分割线---怎么看怎么不顺眼, 好粗, 一点不优雅, 而H1的分割线又不够粗, 于是决定修改一下.

修改前:

修改之后苗条多了:

css位置

---

点击 文件-偏好设置-外观-打开主题文件夹

打开的文件夹在这里: \AppData\Roaming\Typora\themes, 而不是安装目录下的\Typora\resources\app\style\themes, 改后边这里的文件没用!

修改说明

---

Please note that the built-in CSS theme files will get overwritten completely on typora version up, so, write your custom css into *.user.css, instead of the existing files, will prevent your modifications from being lost after update.

最好新建一个*.user.css(如github.user.css), 而不是直接修改github.css, 这样不会因为升级而导致css被覆盖, 而且管理修改都方便.

另外注意文件名有大小写区分, 不能写成Github.user.css

修改css

---

在github.user.css中直接写需要更改的代码, 如果是为了备份, 也可以全复制过来改.

h1 {
    border-bottom: 2px solid #eee;
}

hr {
    height: 1px;
}

查看效果

---

1. 保存github.user.css
2. 点击 主题-Github 刷新主题
3. 查看效果