Typora设置自定义代码颜色

一、打开Typora

1. 找到偏好设置

2. 通用：打开开启调试模式、打开自动保存

3. 选择外观，点击主题文件夹

二、找到CSS样式主题文件

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

image-20210503174833763.png

原样式文件备份

一、修改字体

修改为微软雅黑

body {
    font-family: "Microsoft YaHei";
    color: rgb(51, 51, 51);
    line-height: 1.6;
}

二、代码块字体

在themes文件夹下，添加base.user.css文件

font-family: "consolas";

#write .CodeMirror-wrap .CodeMirror-code pre {
font-family: "Microsoft YaHei";

/*font-style: italic; */

letter-spacing:1px; /*字间距*/

/*line-height:1px; */

}

三、修改空格条颜色

在github.css中修改

blockquote {
    /* border-left: 4px solid #dfe2e5;
    padding: 0 15px;
    color: #777777; */
    border-left:4px solid #62ca38!important;
    padding: 10px!important;
    background:#f8f8f8!important;
}

image-20210503175428315.png

四、修改高亮

在github.css中添加如下代码

mark {
    background: #ffffff;
    border-bottom: 0px solid #ffffff;
    padding: 0 0px;
    margin: 0 0px;
    color: red;
}

设置高亮的开启

image-20210503180052020.png

1. 重启Typora

2. 用以下命令高亮

== 高亮文本 ==

示例结果如下：

image-20210503180359313.png