zoukankan      html  css  js  c++  java
  • 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大师】,回复【主题】获取哦~

  • 相关阅读:
    IE hasLayout详解
    seajs引入jquery
    jquery实现轮播插件
    CSS视觉格式化模型
    js事件冒泡和事件捕获详解
    你尽力了么===BY cloudsky
    前向否定界定符 python正则表达式不匹配某个字符串 以及无捕获组和命名组(转)
    php safe mode bypass all <转>
    WAF指纹探测及识别技术<freebuf>
    linux集群管理<转>
  • 原文地址:https://www.cnblogs.com/dalaba/p/14789357.html
Copyright © 2011-2022 走看看