日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 >

typora将html转为格式,Typora 修改配置文件实现自定义标签样式(常用)

發布時間:2025/5/22 52 豆豆
生活随笔 收集整理的這篇文章主要介紹了 typora将html转为格式,Typora 修改配置文件实现自定义标签样式(常用) 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

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 修改配置文件实现自定义标签样式(常用)的全部內容,希望文章能夠幫你解決所遇到的問題。

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