如何修改Typora中的markdown樣式

Typora是一款優秀的markdown文本編輯器,可以用markdown語法來編輯文本的樣式,它默認含有GitHub、Newsprint、Night、Pixyll、whitey五種主題。如果對這些主題的默認樣式不滿意也可以去自定義markdown樣式。
1.啓動Typora編輯器,選擇文件-偏好設置

2.在通用-高級設置中勾選開啓調試模式

3.在外觀-主題中點擊打開主題文件夾按鈕。

4.在打開的文件夾中,我們可以看到以GitHub、Newsprint、Night、Pixyll、whitey五種主題命名的css文件,默認是GitHub主題,打開github.css,如果使用的是其它主題就打開其他主題對應的css文件即可。
typora-4.png
5.回到Typora編輯器,比如我們來使用``語法編寫一個帶背景色的文本,默認是灰色背景,黑色文本,我們可以嘗試把它變成紫色背景,白色文本。只需要在編輯器中右鍵選擇檢查元素,可以發現它的右側彈出一個和谷歌瀏覽器開發者模式非常相似的調試界面,實際上Typora確實是一個簡易版的瀏覽器。我們點擊左上角的箭頭,移動到我們的目標文本上,右側就可以定位到它的HTML代碼和css樣式,我們可以發現目標文本是被一個code標籤包裹的。

6.我們可以在github.css文件中找到這個元素選擇器,只需要修改此選擇器的樣式即可自定義該文本的樣式。修改css代碼如下:

code {
  //background-color: #f3f4f4;
  background:blueviolet;
  //padding: 0 2px 0 2px;
  padding: 2px 4px 2px 4px;
  color:#FFFFFF;
  font-weight:bold;
}

7.保存css文件,重新打開Typora編輯器,發現目標文本的樣式已經變成我們自己定義的樣式了,說明配置生效了。具體效果如步驟5圖片所示 。其它文本樣式的修改原理也是一樣的,在此不再贅述。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章