自定义Typora样式,需要前置知识,css,html

Typora官网相关内容
Typora Add-Custom-CSS

  1. 打开开发者工具
    自定义Typora样式,需要前置知识,css,html

  2. 确定当前是哪个主题(我这里是Pixyll)
    自定义Typora样式,需要前置知识,css,html

  3. 打开当前主题的css文件
    文件-》偏好设置-》外观-》打开主题文件夹
    自定义Typora样式,需要前置知识,css,html

  4. 打开自己主题的对应css文件。
    自定义Typora样式,需要前置知识,css,html

  5. 回到typora,点击开发者工具的选择功能。
    找到这个标签的相关样式
    自定义Typora样式,需要前置知识,css,html
    比如我这里要给一个code强调部分修改样式,将原来的绿色改成其他颜色(先在开发者工具改,然后觉得可以了,再去css文件改)。
    这个红框圈住的就是相关css的样式(对于其他的样式可能一下找不到,就多试几次)。
    自定义Typora样式,需要前置知识,css,html

效果:
自定义Typora样式,需要前置知识,css,html

  1. 修改之前打开的css文件:从开发者工具复制修改的样式代码到css文件。
    自定义Typora样式,需要前置知识,css,html
  2. 保存文件,重启 typora,ok。