Typora 修改配置文件實現自定義標簽樣式(常用)

Typora 修改配置文件實現自定義標簽樣式(常用)

一、簡介

Typora 是一款支持實時預覽的 Markdown 文本編輯器。它系統自帶了幾種主題樣式，如下圖所示：

選擇不一樣的主題當然就有不一樣的樣式，但是今天的重點不是這個，今天我來教大家如何修改文本的標簽樣式，讓你的筆記看起來更加的炫酷和優雅。

所有的修改都是去到這個目錄下：

然后可以看到幾個不同主題的 .css 文件 ，我們以 github 的主題為例：

二、引用標簽

原來：

修改后：

修改方法：

右鍵點擊 “檢查元素”：

點擊它然后去選擇需要修改的標簽元素：

這里我點擊選擇了 “引用標簽”，可以看到是一個

標簽：

可以在右側的 blockquote 標簽內進行實時的樣式調試，比如這樣：

調試完之后，將樣式對應的值去配置文件(github.css)中找到相應的標簽，進行替換或補充。

進行個性化調整之后，我將標簽的樣式修改如下：

blockquote {

background: #b6cab833;

border-left: 4px solid #41ca1e;

padding: 0 15px;

color: #777777;

}

原來的樣式：

blockquote {

border-left: 4px solid #dfe2e5;

padding: 0 15px;

color: #777777;

}

只需要在 github.css 找到這個標簽樣式，然后將樣式替換為上面的代碼塊，就能實現和我上面演示一樣的效果啦！

其他樣式的修改也是這個方法，下面的例子我就簡單的說明了，相信你可以舉一反三。

三、代碼標記

原來：

修改后：

修改方法：

code {

background-color: #f3f4f4;

padding: 0 2px 0 2px;

color:#fb4ac4;

}

原來的樣式：

code {

background-color: #f3f4f4;

padding: 0 2px 0 2px;

}

四、加粗文本

原來：

修改后：

修改方法：

添加樣式：

strong{

color:#f52a2a;

}

五、高亮文本

原來：

修改后：

修改方法：

添加樣式：

mark{

color: #2192e2;

background: #ff0;

}

六、總結

以上就是幾個常用的標簽，它們的樣式修改方法上面也基本講清楚了，如果想要修改其他的一些標簽的樣式，方式也是類似的，無非就是在文本找到標簽，然后在 .css 文件去添加或修改相應的元素值，比如color、background 等等。如果這篇文章能夠幫助到你，不妨點個贊。一起互相交流學習，day day up ！

Typora 修改配置文件實現自定義標簽樣式(常用)相關教程

總結

以上是生活随笔為你收集整理的typora将html转为格式,Typora 修改配置文件实现自定义标签样式（常用）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。