[Obs#25] 美化筆記的兩個外掛:Emoji Toolbar與Icons與自訂CSS樣式
本影片介紹兩個美化筆記的外掛,同時介紹自訂樣式文字顏色的簡單作法:
- Emoji Toolbar:顯示繪文字(表情符號)選單供選用
- 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>
教學影片
##
您可能也會有興趣的類似文章
- [Obs#52] 變更段落顏色與重點高亮度的CSS片段 (0則留言, 2021/09/20)
- Obs129|Obsidian除了CSS片段以外的CSS進階用法與兩個CSS外掛 (0則留言, 2023/05/14)
- [Obs#86] 分享與編輯器相關的21個Obsidian外掛 (0則留言, 2022/05/08)
- Obsidian(黑曜石) 高亮度顯示或變更文字顏色的3種方法 (4則留言, 2020/07/01)
- Obs145|輔助Markdown初學者的Editing Toolbar外掛 (0則留言, 2023/12/02)
- [Obs#39] 利用CSS變更文字顏色,侵入性小 (0則留言, 2021/05/10)
- [Obs#97] Highlightr外掛豐富Obsidian筆記的外觀 (0則留言, 2022/10/02)
- Obs154|Obsidian交互式表格!超強表格控制:視覺美化、分頁、排序、過濾、搜尋 (0則留言, 2024/03/02)
- Obs152|終於能產生書籤與頁碼了!與PDF相關的外掛:Better Export PDF&PDF++ | 修訂 (0則留言, 2024/02/18)
- Obs128|Obsidian Dataview進度條與YAML欄位快速輸入的方法 (0則留言, 2023/05/11)
- [Obs#35] Buttons外掛開啟筆記自動化操作契機⁉️ (0則留言, 2021/04/23)
- [Obs#92] Obsidian彙編文章的簡單方法:2個外掛+1個CSS片段 (0則留言, 2022/07/16)
- Obsidian 1.0新手教學—打造個人知識管理利器,專屬的第二大腦 (2022年) (4則留言, 2022/10/22)
- [Obs#96] Obsidian分頁調整: CSS樣式與外掛,讓分頁操作更簡便 (0則留言, 2022/09/10)
- [Obs#27] Timelines:時間軸外掛 (0則留言, 2021/03/12)
Sorry, 很久沒用Google sc…