美文网首页java
Typora自定义主题详解--打造自己的专属样式

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

作者: 85年的大喇叭 | 来源:发表于2021-05-20 12:23 被阅读0次

    你真的会使用Typora吗?

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

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

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

    它有如下特点:

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

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

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

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

    1.png

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

    2.png

    二、typora编辑的样式不同

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

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

    4.png

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

    5.png

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

    • 原始的typora的样式,看下图:
    Video_2021-05-20_105158.gif
    • 更改后的typora的样式,看下图:
    Video_2021-05-20_105354.gif
    • 两个图的对比变化:
    6.png

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

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

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/gtwvjltx.html