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

警告

#h/white** #h/red ==Markdown標準並無變更文字顏色的語法，此方法只能在Obsidian裡使用。==**

有些 #h/green 佈景主題 會造成產生PDF顏色錯誤，若發生顯示正常、PDF有誤時，換一個主題試看看

使用格式

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

設定背景色：#h/顏色 ==文字==

設定粗體前景色：#h/顏色 **文字**

設定斜體前景色：#h/顏色 _文字_

小技巧

井號左側要有空白。

可使用巢狀式格式。例如： #h/red ==#h/yellow 紅底黃字==

編輯時會因中文字造成游標定位，在井號左邊加上 #h/aqua倒引號即能正常編輯，輸入完成後再刪除倒引號

#h標籤可看到各個顏色的統計，亦可使用顏色來查詢

顏色代碼

顏色代碼	背景顏色

h/white white | #h/white ==白==

h/black black | #h/black ==黑==

h/red red | #h/red ==紅==

h/aqua aqua | #h/aqua ==水藍==

h/fuchsia fuchsia | #h/fuchsia ==紫紅==

h/green green | #h/green ==綠==

h/yellow yellow | #h/yellow ==黃==

h/blue blue | #h/blue ==藍==

h/gray gray | #h/gray ==灰==

h/silver silver | #h/silver ==銀==

h/maroon maroon | #h/maroon ==褐红==

h/teal teal | #h/teal ==藍綠==

h/purple purple | #h/purple ==紫==

h/lime lime | #h/lime ==青檸綠==

h/olive olive | #h/olive ==橄欖綠==

h/navy navy | #h/navy ==藏青==

範例

基本顏色

要 #h/purple ==強調== 的文字用兩個等號，很 #h/red **重要** 的 #h/green _文字_，特別變更顏色

要 #h/purple ==強調== 的文字用兩個等號，很 #h/red 重要的 #h/green 文字，特別變更顏色

組合顏色

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

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

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

安裝步驟

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

教學影片

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

[Obs＃25] 美化筆記的兩個外掛：Emoji Toolbar與Icons與自訂CSS樣式 (0則留言, 2021/01/30)
撰寫git info工具以模擬svn info功能 (0則留言, 2014/09/01)
[WSL#3] WSL 2 ZSH使用環境調整 (0則留言, 2020/02/09)
將Git分支名稱加到提示字元（Prompt）裡 (0則留言, 2014/09/02)
用LIME HD的自建輸入法擴充Galaxy S3的倉頡輸入 (0則留言, 2012/07/26)
[Obs＃35] Buttons外掛開啟筆記自動化操作契機 (0則留言, 2021/04/23)
Plurk CSS樣式自訂修改全攻略 (85則留言, 2009/07/04)
[Obs#7] Obsidian(黑曜石) 多重游標的操作與兩個CSS樣式 (0則留言, 2020/07/13)
資料庫工具Aqua Data Studio躍升至6.0版 (0則留言, 2006/12/08)
[Obs＃26] Dataview外掛: 製作索引筆記利器；動態查詢筆記資料 (0則留言, 2021/02/19)
[Obs#15] 在筆記裡複製、使用obsidian網址與工作空間的使用 (0則留言, 2020/10/27)
替Prompt加上顏色 (1則留言, 2004/12/03)
Google Keep命令行工具：keepcli，快速編輯記事 (0則留言, 2020/03/14)
[Obs＃24] PDF檢視器+PDF to Markdown外掛：更方便擷取資訊！ (0則留言, 2021/01/24)
Xuite樣式研讀攻略！ (1則留言, 2005/06/04)