前言
這是 Obsidian 使用教學 — 基礎篇的第 3篇文章。
前一篇文章可參考下方:
上一篇我詳細介紹了「Settings (設定)」介面,包含 2 大區塊:
- Options
- Plugin Options
這一篇來介紹「Themes (主題)」介面,這個功能讓你的 Obsidian 介面變得非常獨特!我將分成 3 個區塊介紹:
- 一般設定
- Themes
- CSS snippets
請留意:
1. Themes 會讓許多人花很多時間調整自己的介面,我建議先挑一款自己喜歡的使用即可。2. 以下內容都將使用「英文版」介面介紹,若有需要看中文版的朋友,可在 Settings > About > Language 自行調整。
一、Obsidian Themes 一般設定
要調整 Obsidian 的 Themes,請到 Settings > Appearance。我先解說以下內容:
- Base theme
- Apply custom CSS
- Translucent window
- Font size
- Quick font size adjustment
Base theme
可調整 Theme 的 Light (明亮模式) 或 Dark (暗黑模式)。請留意並非每個 Theme 都有這 2 個設定,有些只有 Light、有些只有 Dark。
我個人偏好 Dark 。
Apply custom CSS
套用客製化 CSS,這個選項可不開啟。
CSS:網頁的樣式定義。你可以想成是 Obsidian 編輯器的介面樣式設定,後面還會稍微提到。
Translucent window
半透明介面,會讓介面的亮度下降。我個人覺得螢幕會變的很暗,因此不開啟。
Font size
字體大小,透過拉桿可調整 Obsidian 顯示文字的大小。這個可不做調整,直接用下方的 Quick font size adjustment 調整即可。
Quick font size adjustment
快速調整字體大小,可透過 ctrl
+ 滑鼠滾輪
或 觸控板縮放
來調整字體大小,建議開啟。
二、Obsidian Themes
接下來是重頭戲 — Themes 設定,一共有 4 個功能:
- Reload themes
- Open theme folder
- Theme
- Community themes
Reload themes
重新載入 Theme,用於切換 Theme 但卻沒有正常運作時。
Open theme folder
開啟 Theme 所在的資料夾。在 Obsidian 中的 Theme 都是以 .css
的檔案格式儲存在特定的資料夾。
從 Obsidian 下載的主題會直接存到這個資料夾中 ; 未來若我們從網路上下載其他人的 Theme,也是將檔案放到這個資料夾中使用。
Theme
顯示目前可更換的 Obsidian Theme,即上方的 .css
檔案。若想切回 Obsidian 預設的主題樣式,選擇「None」即可。
Community themes
點擊 Browse 後,可瀏覽 Obsidian 社群熱心人士提供的 Theme。可調整由上角的「Dark themes only」篩選出有提供 Dark 的 Theme。
點擊「Preview」會載入該 Theme 的樣式讓你預覽,再次點擊「Stop Previewing」即可取消 ; 點擊「Use」可使用該 Theme。
這邊要特別提醒大家,每組 Theme 都是一份 .css
檔案。
該 Theme 作者除了修改樣式,也可能會加入一些原 Obsidian 沒有提供的樣式功能。因此你可能會發現 A 主題的「標籤面板」跟 B 主題長的不相同、甚至不同到你以為是某種新功能,但實際上都是透將 CSS 去控制的。
三、CSS snippets
用來單獨控制特定 CSS 的區域,主要有 2 大功能:
- Reload snippets:重新載入 CSS snippets。
- Open snippets folder
Snippets 指的是片段的程式指令,通常是可拆分、重複使用的程式小區塊。打個比喻, Snippets 有點像是小插件,透過在自己的程式中貼上這個程式小區塊,我們就可以使用這個小插件的功能。
Open snippets folder
開啟 CSS snippets 所在的資料夾。在 Obsidian 中的 CSS snippets 都是以 .css
的檔案格式儲存在特定的資料夾。
如果你有將 CSS snippets 放到該資料夾,就會在 Obsidian 顯示開關。
加入 CSS Snippets
想在 Obsidian 加入 CSS Snippets 的步驟如下:
- 點擊 Appearance > CSS snippets > Open snippets folder 的 icon ,此時系統自動打開 Obsidian 軟體的 Snippets 資料夾(系統預設是隱藏)
2. 系統自動打開 Snippets 資料夾
3.開啟任何的文字編輯器,貼上相對應的 CSS 程式碼。你也可以單純開一個記事本 (Windows)、文字編輯 (Mac),將程式碼貼上後儲存成 .css
檔案
4.將檔案儲存成 .css 格式的檔案(例如 xxx.css,並放到剛才的 css snippets 資料夾。
5.如果成功,可在 Obsidian > Setting > Appearance 的 CSS snippets 下方看到一個開關,名稱是你剛才儲存 CSS 的檔案名稱
上方兩個 CSS snippets 可以在 這篇文章 獲得。
增加 CSS 功能 : Theme vs CSS snippets
一個有趣的問題來了:如果我要修改 Obsidian 的 CSS 樣式,到底要在 Theme 的 .css
直接修改、還是以 CSS Snippets 的 .css
修改呢?
我的想法是:如果你確定自己都會使用同一個主題,那麼就直接在單一 Theme 的 .css
檔案中修改 ; 如果你會時常換 Theme 使用、或是需要將某項 CSS 設定分享給其他人,那就使用 CSS Snippets 的 .css
修改。
以我自己的使用經驗來說,我選擇在 Theme 中直接修改。
四、總結
目前我使用的 Theme 為 YouTuber — Bryan Jenks 修改的 Theme,名稱為「Bryans Gruvbox」,必須要手動安裝 Theme,Community themes 目前沒有上架。
此 Theme 其實是以 Community themes 中的「Obsidian gruvbox」主題修改,加入了大量 Bryan Jenks 的自行修改的功能。
若有需要的朋友,可自行透過此網址訂閱 Bryan Jenks 的電子報 即可獲得他的 Theme。
最後一點建議。
Bryan Jenks 的 Theme 有非常大量的 CSS 修改,對於剛開始使用 Obsidian 的人可能會覺得過於複雜。我建議還是先採用 Community Themes 的簡單主題,等熟悉 Obsidian 的操作後在使用他的 Theme 會比較好。
目前我推出了「Obsidian 學習包」課程,我設計了 21 堂課程來解說 Obsidian 的核心功能,並且舉一個實際流程 (怎麼寫日記) 來結合 21 堂課的內容。
👉 有興趣購買 Obsidian 學習包的朋友,歡迎點擊 表單購買
目前我也有提供 1 對 1 的 Obsidian 付費個人諮詢,幫助學員從 0 到 1 打造自己的網狀筆記系統,提升自己的創作產出。
其他 Obsidian 文章
1. 基礎篇 | Obsidian 全新手從這裡開始讀
- 【Obsidian 使用教學】基礎篇 01 — 認識預設介面與基礎功能
- 【Obsidian 使用教學】基礎篇 02 — 認識「設定選單」與我的設定建議
- 【Obsidian 使用教學】基礎篇 03 — 認識「主題」與 CSS 客製化設定
- 【Obsidian 使用教學】基礎篇 04 — 做好筆記備份 ,使用 iCloud 和 Google Drive 進行雙重備份
- 【Obsidian 使用教學】基礎篇 05 — 如何調整 Obsidian App 設定檔? 讓 Obsidian App 擁有自己的外觀主題與插件
2. 觀念篇 | 要讓 Obsidian 變得好用,先來了解背後的方法論
- Zettelkasten卡片盒筆記法,建立知識連結網路來活用筆記
- 如何正確使用 Zettelkasten 筆記法?了解 4 種筆記形式的功能,以利後續筆記連結
- 什麼是 Evergreen Note (長青筆記)?
- 如何寫出有效的筆記?問自己 4 個問題,幫助提取曾經學習過的知識. 問自己 4 個問題,幫助提取曾經學習過的知識
- 知識是如何形成的?使用 Obsidian 將形成知識的過程變得視覺化
- 你所知道的「筆記工具」,早就演化成不同的物種
3. 筆記篇 | 開始在 Obsidian 中建立個人的網狀連結筆記系統
- 【Obsidian 使用教學】筆記篇 01 — 了解 Obsidian 的 Metadata,建立一套可持續迭代的筆記系統
- 【Obsidian 使用教學】筆記篇 02 — 使用「漸進式總結」來寫筆記,逐步萃取出高含金量的知識內容
- 【Obsidian 使用教學】筆記篇 03 — 讓Obsidian 變得更好用!分享我的 Obsidian 筆記版面配置
- 【Obsidian 使用教學】筆記篇 04 — 寫筆記就像是在種樹,在 Obsidian 中實作 Evergreen Note 的概念
- 【Obsidian 使用教學】筆記篇 05 — 結合資訊處理流程,讓筆記的 Metadata 變得更詳細
- 【Obsidian 使用教學】筆記篇 06 — 在筆記的 Metadata 使用 [[內部連結]] ,在無形之中累積對某一主題的認識
- 【Obsidian 使用教學】筆記篇 07 — 使用 Workspaces 功能,快速取用不同的版面配置
- 【Obsidian 使用教學】筆記篇 08 — 倍速提升你的操作速度,14 個 Obsidian 快捷鍵設定建議
- 【Obsidian 使用教學】筆記篇 09 — Markdown 沒有想像中那麼難,只需要學會這 3 個語法就能上手 Markdown
4. 插件篇 | 增強 Obsidian 功能的秘密武器
- 【Obsidian 使用教學】插件篇 — 10個使用Obsidian 必裝的插件 (上)
- 【Obsidian 使用教學】插件篇 — 10個使用Obsidian 必裝的插件 (下)
- 【Obsidian 使用教學】插件篇 01 — 如何在 Obsidian 中快速拆分筆記?使用 Note Refactor 讓你彈指之間完成
- 【Obsidian 使用教學】插件篇 02 — 如何在 Obsidian 中自動彙整筆記?使用 Dataview 查詢與呈現符合條件的筆記
- 【Obsidian 使用教學】插件篇 03 — 如何讓 Obsidian 自動推薦關聯筆記?使用 Breadcrumbs 查看有哪些相關筆記可以連結
- 【Obsidian 使用教學】插件篇 04 — 做好筆記備份,使用 Obsidian Git自動備份筆記到 Github
- 【Obsidian 使用教學】插件篇 05 — 用機器學習演算法幫助自己寫筆記!
5. 整理篇 | Obsidian 資源彙整
6. 問答篇 | Obsidian 常見問題與答案
▶︎ 關於文章1/ 歡迎訂閱 我的電子報 獲得實用的生活與工作技巧,每週二中午 12:00 準時發刊2/ 想要掌握最新文章,可以點擊下方「Follow」我~3/ 如果你覺得文章寫的不錯,可以對文章拍手讓我知道 👏🏻▶ 關於我我是朱騏,一個組織能力超強的軟體產品經理,喜歡研究各種生產力工具、時間管理方法。1/ 我可以提供產品管理、時間管理、生產力工具的「個人問題諮詢」與「講座邀約」。2/ 若是個人諮詢,可以請我喝杯咖啡、吃頓晚餐,可透過 Email/ Facebook 跟我約時間,請參考「聯繫方式」。3/ 若是講座邀約,請直接使用 Email 聯繫。︎▶︎ 聯繫方式- 📪 Email:muhenry608@gmail.com- 💬 Facebook:請先加我個人好友並簡短說明想要諮詢的主題▶︎ 建立人脈歡迎使用 LinkedIn 與我交流,你可以「加我為好友」建立連結| LinkedIn @ Chi Chu 歡迎交流