[Obs＃25] 美化筆記的兩個外掛：Emoji Toolbar與Icons與自訂CSS樣式

本影片介紹兩個美化筆記的外掛，同時介紹自訂樣式文字顏色的簡單作法：

1. Emoji Toolbar：顯示繪文字（表情符號）選單供選用
2. Icons：顯示向量圖片（SVG）選單供選用，有Remix與FontAwesome兩種圖示集（各有實心與空心兩類）可選擇

外掛1. Emoji Toolbar

安裝並啟用後，再設置一個快捷鍵以快速操作。

rir:Youtube

外掛2. Icons

適合放在標題上以達突顯重點之效。

例如：

自訂樣式

啟動自訂樣式：【設定】→【外觀】→【CSS片段】→開啟自訂CSS片段資料夾，在資料夾裡新增一個任意名稱的.css樣式檔，輸入下列樣式設定：

.obsidian-icon {
  color:yellow !important;
}

.red {
  color:red;
}

.yellow {
  color:yellow;
}

.green {
  color:green;
}

.blue {
  color: #3BB9FF;
}

在筆記中套用CSS類別：

<span class='blue'>`ris:FacebookCircle` `rir:Skype`</span>

教學影片

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

• Obsidian(黑曜石) 高亮度顯示或變更文字顏色的3種方法 (0則留言, 2020/07/01)
• [WSL#3] WSL 2 ZSH使用環境調整 (0則留言, 2020/02/09)
• Joomla! 1.0.12網站建置2－安裝佈景主題樣板(多圖) (20則留言, 2008/07/05)
• 與銀湯匙Spoon漫步在雲端 (0則留言, 2011/08/07)
• 撰寫git info工具以模擬svn info功能 (0則留言, 2014/09/01)
• 把落落長的噗友暱稱變獨立一行的噗浪變身法 (7則留言, 2009/07/03)
• [WordPress 3] 將Twenty Eleven佈景主題加上分頁導航樣式 (0則留言, 2012/01/22)
• jQuery的樹狀功能表外掛zTree的IE相容性問題 (0則留言, 2013/09/13)
• WordPress瀏覽圖片的FancyBox外掛 (8則留言, 2010/07/10)
• 〔WordPress〕 前/後篇文章導航連結增加文章標題 (1則留言, 2012/03/12)
• [News] Skype USB話機 (2則留言, 2005/03/24)
• Xuite日誌的日曆樣式變更 (3則留言, 2007/05/29)
• 使用jQuery的效益 (0則留言, 2007/09/23)
• TiddlyWiki表格的使用 (0則留言, 2007/08/09)
• Google Keep命令行工具：keepcli，快速編輯記事 (0則留言, 2020/03/14)