魔改typora的css文件

魔改typora的css文件

前言

既然typora强大如厮，无聊如我岂能安于默认配置，遂开始捣腾。

换了一圈主题发现只有白色的模板才能生成pdf，而白色模板都差不多，原始的github算是不错，但这素白的codeblock实在对不住我的一番辛苦写下的内容。然后我发现typora的support里有修改codeblock的教程，开始整活。

css的路径

首先是弄清css文件的路径，在文件->偏好设置->外观->打开主题文件夹(themes)。众多css文件就放在themes根目录下，不要放在子文件夹下，不然不起作用。

教程里的{currentfile}.user.css和base.user.css是不存在的，需要自己创建，而他们两根本不会产生任何作用，只是用来保存你的设置，要用到时再复制到对应的css文件中（如github.css）。这样做的好处是typora更新时不会覆盖你的{currentfile}.user.css和base.user.css，你只需再次复制就好。

修改codeblock颜色

神奇的codemirro

据介绍这个浏览器插件codemirro能提供极其丰富的代码样式，利用他的css文件就能改变typora的codeblock了。

手动粘贴css并修改内容

1. 教程中有模板，建议各位直接复制粘贴到你的{currentfile}.user.css或base.user.css(因为除了样式以外，还要设置与typora的关联项，而codemirro不提供这些)。
2. 下载codemirro，进入~\codemirror-5.52.2\theme ，打开你心仪的css（如：上面的dracula.css）,f复制，粘贴将{currentfile}.user.css中对应内容覆盖。
3. 将文件中所有的字符串dracula替换成inner。

header添加序号

1. 建议ctrl+C,ctrl+V,此模板。

暂时就这样吧，以后想起来再补充。