Typora自定义修改颜色样式

关于typora的快捷键,百度就有很多,我在这里分享一下修改typora的经验,小白也可以修改,如果有前端经验的话肯定没问题了。

1、高亮

关于高亮这个问题,有代码高亮文字高亮

  • 代码高亮
    我们代码高亮是通过键盘的tab键上面的~这个按键,不过我们不需要按住shift,只需要在英文输入环境下打出 ` 就可以了,打出3下加上代码语言,例如下面。

    image
  • 文字高亮
    文字高亮需要打开文件--偏好设置--Markdown,我们把高亮打勾,之后需要重启typora

    image

2、高亮的修改

高亮是通过 ==文字== 实现,但是颜色确是黄色,此时修改自己喜欢的颜色如何去做?

  • 我们打开视图---开发者工具(快捷键:shitf+F12),选中这个小箭头

    image

    之后对着我们高亮的地方,之后点击发现右边的开发者工具发生了变化

    image
    image

    我们修改高亮的颜色,那肯定和颜色有关,所以我们找到了color这个单词,而background意思是背景,接下来我们就可以根据自己的喜爱去修改自己喜欢的背景和颜色

    image

    点击这些小框框,选择自己喜欢的颜色,我就随便弄了一下,我的高亮就是这样了

    image

    之后我们选择复制我们修改的样式,去找到文件下修改

我们可以看到有个base.css:1,鼠标移动就可以发现有个文件路径(乱码是因为有中文),我们找到这个文件路径并且打开

image
image

选择base.css打开,之后shift+f查找mark

image

之后我们把我们的样式写上去 注意在两个括号里面写,写完保存,重启typora就可以发现改变了。

image

3、引用段落

我发现在日常使用过程中引用段落颜色好浅,那就修改它,改成自己喜欢的颜色。

  • 首先我们也是将引用段落给写出来之后开发者工具标记(步骤可以看上面)
    需要注意的是,我们这次的范围是引用段落这个范围不单纯是文字!!!

    image
  • 理所当然,我们修改颜色肯定是和颜色有关的(看到有颜色的小框框,点就完事了,反正玩不坏),顺便修改我们的背景(background)

    image
  • 这里我们发现有3个颜色的小框框,我们就修改可以了,具体自己喜欢什么可以调

    image
  • 步骤和上面一样找到对应文件修改,需要注意的是这个文件没有完整的路径

    image
  • 这个时候我们可以通过文件---偏好设置--外观--打开主题文件夹

    image
    image
  • 因为我们修改的是blockquote里面的内容所以我们要找到这个样式

    image
  • 需要注意的是:一定要找到相对应的样式

    image
image

修改完毕之后重启就可以看到效果了

其他示例:


image.png

总结

实际上还可以改代码框的颜色,线条等,需要有一些前端基础,如果没有前端基础,小白改个颜色足够了,如果不行 那就换主题吧,换主题的教程网上很多。
这里需要注意的是:找文件的路径一定要看清楚是在哪里,我这两个案例,修改的文件位置都不一样,所以修改的时候要小心一些。

你可能感兴趣的:(Typora自定义修改颜色样式)