修改Markdown神器[Typora]的主題樣式


修改Markdown神器[Typora]的主題樣式

封面圖

Typora是一款專注寫作的工具,基於markdown標記語言來完成寫作。出於以下原因決定替換主題樣式:

1.自帶的樣式比較low,想替換一款高大上的;

2.用微信公眾號發的文章樣式和typora不一樣,兩邊的效果需要保持一致,方便在typora預覽效果;

3.能自己DIY一些東西,也是比較有意思的一件事。

一、主題樣式從哪里獲取?

自己寫樣式不太現實,也太花時間。

1.1 可以從Typora的官網下載樣式

1.1.1 下載主題

http://theme.typora.io/

Typora官網主題

我比較喜歡這兩款

  • Vue

http://theme.typora.io/theme/Vue/

mark

  • 橙心

http://theme.typora.io/theme/OrangeHeart/

橙心主題

1.1.2 配置官網主題樣式

將下載好的樣式文件拷貝到Typora工具的theme目錄下

C:\Users\<user name>\AppData\Roaming\Typora\themes

Typora工具的theme目錄

我下載的Vue主題樣式文件

Vue樣式文件

然后重啟Typora

導航欄切換主題為Vue

導航欄切換主題

修改后的效果:

Vue主題

1.2 從mdnice上獲取樣式

mdnice是在線寫markdown的神器

1.2.1 mdnice導航欄 選擇主題CSS區域選擇主題CSS區域

1.2.2 選擇全棧藍樣式

選擇全棧藍

將右邊的css樣式保存到Typora的themes文件夾,這里我將文件命名為nicemd.css,大家可以起名字,注意不要用中文。

nicemd.css

然后打開重啟Typora,主題菜單欄里面就可以看到新增加的Nicemd主題了。

悟空,一只努力變強的碼農!我要變身超級賽亞人啦!

悟空

另外可以搜索「悟空聊架構」或者PassJava666,一起進步!
我的GitHub主頁,關注我的Spring Cloud 實戰項目《佳必過》


免責聲明!

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



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