APPEARANCE & THEMES
課堂說過「一個視窗,就是一間辦公室」。既然每天要待在裡面好幾個小時,那就把燈光、桌子、字體大小調成你舒服的樣子。這一篇帶你走完設定 → 外觀(Appearance)裡的每一個開關,順便教你換佈景主題、投影上課怎麼放大、以及怎麼用一小段 CSS 讓中文長文變好讀。
外觀只是玻璃門的樣式,你的 .md 檔一個字都不會變。
所有裝潢都在 設定 → 外觀(Appearance) 這一頁完成:淺深色、佈景主題、字型、字體大小、介面縮放、可讀行寬。
調壞了不用怕——佈景主題切回預設(Default),一切復原,筆記毫髮無傷。
// 01
下面是「設定 → 外觀(Appearance)」面板的樣子。每一項旁邊都有編號和白話說明,照著找就對了。
怎麼打開:Obsidian 左下角的齒輪圖示(設定 / Settings)→ 左邊清單點外觀(Appearance)。鍵盤族可以按 Cmd/Ctrl + ,。
↑ 這是用網頁畫出來的示意面板,不是截圖;你電腦上的排列順序可能略有差異,但項目名稱一致。介面若是英文版,就找括號裡的英文字。
按 Cmd/Ctrl + P 打開命令面板(Command palette),輸入 theme,就能直接切換佈景主題或淺/深色。上課臨時要換投影配色,這招最快。
// 02
下面兩張卡片是同一則筆記——左邊淺色(moonstone)、右邊深色(obsidian)。字一個都沒改,改的只是燈。
↑ 純 CSS 模擬,示意兩種基礎顏色配置下的觀感差異。
再說一次:這是同一個檔案。你切一百次淺深色,硬碟裡那份 .md 的位元組數都不會變。
// 03
佈景主題=整套裝潢包。社群做了幾百套,全部免費,安裝完可以隨時切回預設。
找到「佈景主題」那一列,按右邊的管理(Manage)。
為什麼:Obsidian 把「換主題」和「找主題」放在同一個入口,不用另外開網站下載。
會跳出一個主題目錄,可以看預覽圖、搜尋名稱。想跟課程一致就搜 AnuPpuccin。
為什麼:先看預覽再裝,省得裝一堆用不到的。
這是兩個動作。很多人只按了安裝,回頭抱怨「畫面怎麼沒變」——因為還沒套用。
為什麼:Obsidian 允許你先囤好幾套主題,再挑今天想用的那一套。
每套主題預設的字型不一定適合中文。套用後務必把「文字字型(Text font)」改成有繁中字重的字型,再把字體大小調到你舒服的數字。
為什麼:主題大多是英文使用者做的,中文字重常常沒被考慮進去。
| 主題 | 一句話個性 | 適合誰 |
|---|---|---|
| AnuPpuccin課程用 | 柔和粉彩配色、細節做得很滿,色系可以再挑。 | 想要好看、也願意花五分鐘挑顏色的人。跟講師畫面一致,上課最好對照。 |
| Minimal | 極簡、留白多、幾乎沒有裝飾線條。 | 只想專心寫字、討厭花俏的人。老牌、穩定、很少出問題。 |
| Things | 模仿待辦 App「Things」的清爽卡片感。 | 主要拿來管專案與待辦清單、喜歡條列勾選的人。 |
| Blue Topaz | 選項最多、什麼都能調,自帶一大堆設定開關。 | 愛玩設定、想一次調到位的人。反過來說,怕選擇障礙的人別碰。 |
| Border | 面板邊界分明,像一張劃好格子的工作台。 | 習慣同時開很多分頁、多個側邊面板,需要一眼分清區塊的人。 |
全部都能在「瀏覽社群主題」裡搜到。裝了不喜歡就切回預設(Default),零風險。
// 04
不用自己試。找到你的情境那一列,照著把三個旋鈕轉到位。
| 情境 | 介面縮放 Zoom level | 字體大小 Font size | 可讀行寬 | 基礎顏色配置 |
|---|---|---|---|---|
| 自己在筆電上寫 | 100% | 16 – 17 | 開啟 | 跟隨系統 |
| 投影上課/會議簡報 | 125% – 140% | 18 – 20 | 開啟 | 淺色(moonstone) |
| 老花/長時間閱讀 | 115% – 125% | 20 – 22 | 開啟 | 淺色,並確保室內光線充足 |
| 深夜寫作 | 100% – 110% | 17 – 18 | 開啟 | 深色(obsidian) |
| 外接大螢幕/並排兩個視窗 | 100% | 17 – 18 | 開啟 | 依環境 |
「字體大小」只放大筆記內文,不會放大側邊欄。如果你的抱怨是「投影出去左邊檔案列表小到看不見」,那要調的是介面縮放(Zoom level),不是字體大小。兩個一起調,效果最好。
① 介面縮放拉到 125% ② 切成淺色 ③ 確認可讀行寬是開的。三個動作,後排同學就看得到了。下課再調回來,兩秒的事。
// 05
CSS=決定網頁與介面長相的樣式語言。你不用會寫,複製貼上就好。
佈景主題大多是英文使用者做的,中文字比較「密」,用英文的行高讀起來會擠。Obsidian 留了一個後門叫 CSS 程式片段(CSS snippets):你放一個 .css 檔進去,它就會疊在主題上面,只覆蓋你指定的那幾項。
放進你 vault 資料夾裡的 .obsidian/snippets/。這個 .obsidian 資料夾預設是隱藏的:
/* ───────────────────────────────────────── 中文舒適閱讀 — 整段複製貼上即可 想改就改數字,改壞了刪掉這個檔就恢復原狀 ───────────────────────────────────────── */ /* 1. 內文行高與字距:中文筆畫密,要比英文再鬆一點 */ .markdown-preview-view, .markdown-source-view.mod-cm6 .cm-line { line-height: 1.95; letter-spacing: 0.02em; } /* 2. 段落之間留白,長文才不會黏成一塊 */ .markdown-preview-view p { margin-block: 0.9em; } /* 3. 標題階層拉開,一眼看出大標小標 */ .markdown-preview-view h1 { font-size: 2.0em; line-height: 1.5; } .markdown-preview-view h2 { font-size: 1.6em; line-height: 1.5; } .markdown-preview-view h3 { font-size: 1.3em; line-height: 1.6; } /* 4. 引用區塊加一條粗線,重點好認 */ .markdown-preview-view blockquote { border-left: 4px solid var(--interactive-accent); padding-left: 0.9em; }
數字說明:1.95 是行高倍數(越大越鬆);0.02em 是字與字的距離;2.0em 代表「內文的 2 倍大」。想調就只改數字,其他別動。
你可以直接把需求交辦給 AI:「幫我在 vault 的 .obsidian/snippets/ 建一個 CSS 檔,把中文內文行高調到 1.95、標題再大一點。」講清楚、給邊界、驗收——邊界就是「只准動 snippets 資料夾」,驗收就是回設定打開開關看畫面。
① 檔案一定要放在 snippets 資料夾裡、副檔名是 .css,放錯地方清單不會出現。
② CSS 片段只影響「這一個 vault 的顯示」,不會寫進你的筆記。刪掉檔案=完全復原,所以放心試。
// 06
遇到狀況先對照這張表,八成在裡面。
| 症狀 | 原因 | 怎麼修 |
|---|---|---|
| 裝了主題,畫面完全沒變 | 只按了「安裝」,沒按「套用」。安裝和套用是兩個動作。 | 設定 → 外觀 → 佈景主題下拉選單,選你剛裝的那一套。還是沒變就完全關掉 Obsidian 再開(不是只關視窗)。 |
| 中文字看起來很醜、筆畫怪怪的 | 主題預設字型沒有繁體中文字重,系統臨時拿別的字體去湊。 | 設定 → 外觀 → 文字字型(Text font)與介面字型(Interface font)改成 Noto Sans TC/思源黑體/蘋方。 |
| 投影出去字太小,後排看不到 | 只調了「字體大小」,那項只放大內文,側邊欄與分頁沒跟著大。 | 改調介面縮放(Zoom level)到 125% – 140%,再把字體大小加到 18 – 20。 |
| 一行字拉得超長,讀到一半找不到下一行 | 可讀行寬(Readable line length)被關掉了,文字會佔滿整個視窗寬度。 | 把可讀行寬的開關打開。中文長文一律建議開著。 |
| CSS 程式片段存好了,清單卻沒出現/沒作用 | 檔案放錯資料夾、副檔名不對,或存好後沒重新整理、沒啟用。 | 確認路徑是 .obsidian/snippets/檔名.css → 回設定按重新整理 → 把該檔右邊的開關打開。 |
| 主題壞掉、畫面錯亂,想直接還原 | 主題版本與目前 Obsidian 版本不相容,或 CSS 片段寫壞了。 | 佈景主題切回預設(Default)、把所有 CSS 程式片段開關關掉。筆記完全不受影響,壞掉的只有裝潢。 |
// 07
↑ 三個外框、一份內容。這就是「純文字 + 資料夾」最值錢的地方。
主題改的只是「玻璃門的樣式」,你的 .md 檔一個字都沒變。
這就是課堂上說的——檔案櫃是你的,外觀是租來的。今天你用 AnuPpuccin,明天改用 Minimal,後年連 Obsidian 都不用了,改用別的軟體、或直接用記事本打開,那句「員工可以是別人訓練的,檔案櫃必須是你的」還是好端端躺在你的 .md 檔裡。
所以請放心大膽地裝潢。外觀是可拋棄的,內容不是。
CHEAT SHEET · 補充 3