typora修改简单颜色样式(详细小白可入手)

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

1、高亮

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

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


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

2、高亮的修改

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

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

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

    6.png

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

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

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

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

9.png

10.png

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

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

3、引用段落

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

  • 首先我们也是将引用段落给写出来之后开发者工具标记(步骤可以看上面)
    需要注意的是,我们这次的范围是引用段落这个范围不单纯是文字!!!
    图片.png
  • 理所当然,我们修改颜色肯定是和颜色有关的(看到有颜色的小框框,点就完事了,反正玩不坏),顺便修改我们的背景(background)


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


    图片.png
  • 步骤和上面一样找到对应文件修改,需要注意的是这个文件没有完整的路径
    图片.png
  • 这个时候我们可以通过文件---偏好设置--外观--打开主题文件夹


    图片.png

    图片.png
  • 因为我们修改的是blockquote里面的内容所以我们要找到这个样式
    图片.png
  • 需要注意的是:一定要找到相对应的样式
    图片.png
图片.png

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

总结

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

你可能感兴趣的:(typora修改简单颜色样式(详细小白可入手))