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

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

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

外掛1. Emoji Toolbar 🤣

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

01

🖥

rir:Youtube

外掛2. Icons

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

02

例如:

03

自訂樣式

啟動自訂樣式:【設定】→【外觀】→【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>

教學影片

##

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

簡睿

服務於軟體業的資訊老兵。興趣廣泛,學習力佳,樂於分享所知所學。

您可能也會喜歡…

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *