Typora 自定的主题

文章更新时间2018年12月11日

---

最近一直挺喜欢用Typora这款软件写各种文档的，为什么？免费啊，还有就是真的好用，不像其他的那些Markdown软件要左右对照，Typroa界面真的很友好。前前后后用了大概有半年多了吧，而我呢，又是一个喜欢尝新的人。在用了段时间后，发现软件自带的主题，并不是自己非常喜欢的。所以就在网上找各种资源，可惜发现少之又少，最后在官网上下载了个Catfish.css的这个款主题。感觉这款是官网上最好用的一款（个人观点，不喜勿喷！），但是，里面的字体和一些细节的配色，还是不太喜欢。刚好前段时间学了点CSS的皮毛，就想着自己结合以上的那些主题的优点儿给改一下。

主题主要是基于软件自带的GitHub上的主题做的一些改动，同时参考一些了  马克飞象 的样式。大致做到了9分像吧，虽然还是有些缺陷吧，但我感觉比之以前有了些改善，用起来尚可。

主题下载链接：https：//download.csdn.net/download/shouwangzhe520/10712695

新的主题下载链接：https：//download.csdn.net/download/shouwangzhe520/10843618

各位若是喜欢，可下载下试试，下载后的文件，直接放在Typora软件的主题文件夹下即可。

 

以下就是我自定义主题效果图：

1 H1标题的位置居中

2调整了单行代码的块的配色

3调整了表格第一行的显示效果

4更改代码块的显示效果

该代码块显示效果是从catfish主题中继承过来的，但我又更改了代码显示的字体为` Courier New`。更换了代码块的背景颜色以及一些关键字颜色。

以上是更改比较明显的地方，还有些其他的小细节，比如更换了文档的字体为“ 微软雅黑 ”，横线的宽度等。

 

尚存在问题：

 在代码块中选择代码，对代码进行复制时，选中的地方一片白，都不知道选的啥，感觉有点儿不舒服。找了一个半天的解决方案也没解决，这个后期我会继续更新的。同时，希望路过的各位大佬能够多多指导。希望大家多多支持！

关于这个遗留的问题，今天找到了解决方案了，在下载好的css文档中的开始部分添加一行代码。如下

:root {
    --side-bar-bg-color: #fafafa;
    --control-text-color: #777;
    --select-text-bg-color:#0865d4;       //这行代码就是用来控制选择文本的颜色的
}