十五、Typora官方主题 + 自定义主题

十五、Typora官方主题 + 自定义主题

    • 1.下载官方主题
    • 2.在官方主题的基础上自定义

1.下载官方主题

首先去Typora官网下载自己喜欢的主题:官方主题下载
例如我这里选择 Vue
十五、Typora官方主题 + 自定义主题_第1张图片
我们只用到里面的两个主题文件vue.cssvue-dark.css以及包含字体的vue文件夹
十五、Typora官方主题 + 自定义主题_第2张图片
然后打开Typora,点击 偏好设置外观打开主题文件夹,将弹出 Typora 的主题文件夹
十五、Typora官方主题 + 自定义主题_第3张图片
然后将下载好的两个主题文件vue.cssvue-dark.css以及包含字体的vue文件夹复制到 Typora 的主题文件夹中
十五、Typora官方主题 + 自定义主题_第4张图片
最后重启Typora,从菜单栏中选择 主题Vue或者Vue Dark即可

2.在官方主题的基础上自定义

首先要开启调试模式,然后重启Typora,这样就能
十五、Typora官方主题 + 自定义主题_第5张图片
这样才可以在鼠标右键的菜单中,点击检查元素
PS:Windows截图右键的方法

  1. 右键点出要截图的菜单
  2. 鼠标移到菜单上,按住左键不松手
  3. 使用微信的 Alt+A 截图快捷键或者QQ的 Ctrl+Alt+A 快捷键
    十五、Typora官方主题 + 自定义主题_第6张图片
    十五、Typora官方主题 + 自定义主题_第7张图片
    然后我们可以选中这个元素检查器,就可以查看样式中的字体、大小、颜色等属性
    接下来,我们就可以自定义主题了,随便拿一个编辑器,打开我们刚刚复制到主题文件夹下面的vue.css
    根据自己的喜好,进行修改,点击保存,并重启Typora即可

在线调色

你可能感兴趣的:(vue.js,前端,javascript)