Typora自定义主题详解--打造自己的专属样式

你真的会使用Typora吗?

欢迎关注博主公众号「Java大师」, 专注于分享Java领域干货文章, 关注回复「主题」, 获取大师使用的typora主题: http://www.javaman.cn/jszw/typora

经常使用markdown语法的小伙伴们应该都知道这款工具,也是很多人都常用的工具,但是你真的知道这款工具吗?

Typora 是一款支持实时预览的 Markdown 文本编辑器。它有 OS X、Windows、Linux 三个平台的版本,并且由于仍在测试中,是完全免费

它有如下特点:

  • 可以使用markdown语法
  • 我需要大量编辑代码
  • 数学公式的编辑支持要好

但是Typora却又有它神秘不为人知的一面,接下来给大家细细道来~

一、typora的本质其实是一款浏览器

1、通过偏好设置,打开调试模式

image

2、右击进入审查模式,可以查看到跟谷歌浏览器一样的html元素,有各种div和css样式等

image

二、typora编辑的样式不同

很多人可能有疑问为啥我的typora编写的样式和别人的样式有所不同,这是什么原因呢?
既然typora的本质是一款浏览器,那么我们可以修改typora的css样式进行修改

1、我们打开typora的主题,进入css样式文件夹,打开css样式进行修改

image

2、打开css样式,编辑一下css样式,就可以实现样式的更改

image

三、typora更改样式后的变化(创建自己的主题)

  • 原始的typora的样式,看下图:

image

  • 更改后的typora的样式,看下图:

image

  • 两个图的对比变化:

image

通过上面两张图是不是看出了明显的不同,这就是更新了css样式后发生的神奇变化~

最后大家都来定义自己的样式吧,如果需要作者样式的可关注公众号【java大师】,回复【主题】获取哦~

posted @ 2021-05-20 12:21  Java大师-  阅读(1645)  评论(0编辑  收藏  举报