先前介紹使用者<span class='顏色'>的方法對文字添加顏色，這個方法不只要在筆記內容加上HTML標籤，也要加CSS的顏色設定，對內容的破壞性較大。這次介紹8+8 highlight colors只透過格式字串
（#h/顏色形成巢狀標籤）和CSS設定就能提供16種顏色，對內容的破壞性較小，顏控可試用看看。

若GitHub找不到，請由Obsidian論壇下載：https://forum.obsidian.md/t/use-nested-tag-to-manage-16-highlight-colors-blod-italic/11050

警告❗️

1. Markdown標準並無變更文字顏色的語法，此方法只能在Obsidian裡使用。
2. 有些佈景主題 會造成產生PDF顏色錯誤，若發生顯示正常、PDF有誤時，換一個主題試看看

使用格式

在要變更顏色的前面加上下列設定：

1. 設定背景色：#h/顏色 ==文字==
2. 設定粗體前景色：#h/顏色 **文字**
3. 設定斜體前景色：#h/顏色 _文字_

小技巧

1. 井號左側要有空白。
2. 可使用巢狀式格式。例如： #h/red ==#h/yellow 紅底黃字==
3. 編輯時會因中文字造成游標定位，在井號左邊加上 #h/aqua倒引號 即能正常編輯，輸入完成後再刪除倒引號
4. #h 標籤可看到各個顏色的統計，亦可使用顏色來查詢

顏色代碼

範例

基本顏色

要強調的文字用兩個等號，很重要的文字，特別變更顏色

要強調的文字用兩個等號，很重要 的文字，特別變更顏色

組合顏色

#h/white ==#h/red **白底紅字**==
#h/black ==#h/red **黑底紅字**==

h/white ==#h/red 白底紅字==

h/black ==#h/red 黑底紅字==

安裝步驟

1. 由GitHub下載
2. 設定→外觀→CSS片段→開啟CSS片段資料夾，將下載的CSS檔案複製到資料夾
3. 啟用複製了的CSS檔

相關連結

• GitHub：https://github.com/steveyang331/Obsidian-css
• 若GitHub找不到，請由Obsidian論壇下載：
• CSS下載
• GitHub說明網頁

教學影片

＃＃

您可能也會有興趣的類似文章

• [Obs＃52] 變更段落顏色與重點高亮度的CSS片段 (0則留言, 2021/09/20)
• [Obs＃92] Obsidian彙編文章的簡單方法：2個外掛＋1個CSS片段 (0則留言, 2022/07/16)
• Obs152｜終於能產生書籤與頁碼了！與PDF相關的外掛：Better Export PDF＆PDF++ | 修訂 (0則留言, 2024/02/18)
• Obs145｜輔助Markdown初學者的Editing Toolbar外掛 (0則留言, 2023/12/02)
• [Obs＃97] Highlightr外掛豐富Obsidian筆記的外觀 (0則留言, 2022/10/02)
• [Obs＃86] 分享與編輯器相關的21個Obsidian外掛 (0則留言, 2022/05/08)
• [Obs＃25] 美化筆記的兩個外掛：Emoji Toolbar與Icons與自訂CSS樣式 (0則留言, 2021/01/30)
• Obsidian 1.0新手教學—打造個人知識管理利器，專屬的第二大腦 (2022年) (4則留言, 2022/10/22)
• Obs126｜Obsidian 2023/04 7個新外掛介紹與評析 (0則留言, 2023/04/29)
• Obs＃117 | Obsidian表格攻略與表格就地編輯外掛：Table Enhancer (0則留言, 2023/03/19)
• [Obs＃107] Obsidian全方位搜尋：OmniSearch外掛 (0則留言, 2022/11/20)
• [Obs＃27] Timelines：時間軸外掛 (0則留言, 2021/03/12)
• Obs129｜Obsidian除了CSS片段以外的CSS進階用法與兩個CSS外掛 (0則留言, 2023/05/14)
• [Obs＃59] Obsidian快速開啟常用筆記（2）：不使用外掛的簡單方法 (0則留言, 2021/10/27)
• Obsidian(黑曜石) 高亮度顯示或變更文字顏色的3種方法 (4則留言, 2020/07/01)