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大師】,回復【主題】獲取哦~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM