LANMA AGENT CLASS · L3 補充教材 補充 3 / 5

APPEARANCE & THEMES

把辦公室裝潢成你想待的樣子 Obsidian 的外觀與佈景主題

課堂說過「一個視窗,就是一間辦公室」。既然每天要待在裡面好幾個小時,那就把燈光、桌子、字體大小調成你舒服的樣子。這一篇帶你走完設定 → 外觀(Appearance)裡的每一個開關,順便教你換佈景主題、投影上課怎麼放大、以及怎麼用一小段 CSS 讓中文長文變好讀。

TL;DR

外觀只是玻璃門的樣式,你的 .md 檔一個字都不會變。

所有裝潢都在 設定 → 外觀(Appearance) 這一頁完成:淺深色、佈景主題、字型、字體大小、介面縮放、可讀行寬。

調壞了不用怕——佈景主題切回預設(Default),一切復原,筆記毫髮無傷。

// 01

先認得這一頁:設定 → 外觀

下面是「設定 → 外觀(Appearance)」面板的樣子。每一項旁邊都有編號和白話說明,照著找就對了。

怎麼打開:Obsidian 左下角的齒輪圖示(設定 / Settings)→ 左邊清單點外觀(Appearance)。鍵盤族可以按 Cmd/Ctrl + ,。

設定(Settings)— 我的第二大腦
選項 OPTIONS
一般(General)
編輯器(Editor)
檔案與連結(Files and links)
外觀(Appearance)
快速鍵(Hotkeys)
社群外掛 COMMUNITY
瀏覽(Browse)
1
基礎顏色配置 Base color scheme
整間辦公室要開白燈還是夜燈。設定檔裡寫 moonstone 就是淺色、obsidian 就是深色;選「跟隨系統」則跟著你電腦的日/夜模式走。課程 vault 目前是淺色。
淺色深色系統
2
佈景主題 Themes → 管理 Manage
整套裝潢包(配色 + 版面 + 圖示)。按管理(Manage)就能瀏覽社群主題(Browse community themes)、搜尋安裝,裝完在同一處切換。課程 vault 用的是 AnuPpuccin。
AnuPpuccin 管理
3
介面字型 Interface font
側邊欄、選單、按鈕用的字。中文請挑有繁體字重的字型(例:Noto Sans TC、思源黑體、蘋方),否則系統會臨時拿別的字去湊,看起來會怪怪的。
Noto Sans TC
4
文字字型 Text font
你在筆記裡讀到、寫下的正文字。這一項最影響閱讀感受,優先調它。
Noto Sans TC
5
等寬字型 Monospace font
程式碼區塊、表格對齊時用的「每個字寬度一樣」的字。不寫程式的話維持預設即可。
JetBrains Mono
6
字體大小 Font size
只放大筆記內文,側邊欄不會跟著變。想「整個畫面都放大」請看下一項。
18
7
介面縮放 Zoom level
整個視窗等比例放大/縮小——側邊欄、分頁、按鈕全部一起。投影上課、老花、外接大螢幕就調這一個。
125%
8
可讀行寬 Readable line length
打開=文字限制在中間一欄,像書本一樣好讀;關掉=一行拉滿整個視窗,眼睛要橫掃很遠。中文長文建議保持開啟。
9
CSS 程式片段 CSS snippets
主題沒做到的細節,自己補一小段樣式檔。檔案放在 vault 的 .obsidian/snippets/ 裡,回到這裡按重新整理再把開關打開。詳見 // 05。
重新整理

↑ 這是用網頁畫出來的示意面板,不是截圖;你電腦上的排列順序可能略有差異,但項目名稱一致。介面若是英文版,就找括號裡的英文字。

懶人捷徑:不用進設定也能換

按 Cmd/Ctrl + P 打開命令面板(Command palette),輸入 theme,就能直接切換佈景主題或淺/深色。上課臨時要換投影配色,這招最快。

// 02

淺色 vs 深色:同一份筆記的兩張臉

下面兩張卡片是同一則筆記——左邊淺色(moonstone)、右邊深色(obsidian)。字一個都沒改,改的只是燈。

淺色 · moonstoneLight
2026-08-17 週會紀錄
1_專案 / 秋季發表會 / 週會.md
員工可以是別人訓練的,檔案櫃必須是你的。
#待辦#週會
深色 · obsidianDark
2026-08-17 週會紀錄
1_專案 / 秋季發表會 / 週會.md
員工可以是別人訓練的,檔案櫃必須是你的。
#待辦#週會

↑ 純 CSS 模擬,示意兩種基礎顏色配置下的觀感差異。

怎麼選?

再說一次:這是同一個檔案。你切一百次淺深色,硬碟裡那份 .md 的位元組數都不會變。

// 03

換一套佈景主題:四步驟

佈景主題=整套裝潢包。社群做了幾百套,全部免費,安裝完可以隨時切回預設。

01

進入 設定 → 外觀 → 佈景主題(Themes)

找到「佈景主題」那一列,按右邊的管理(Manage)。

為什麼:Obsidian 把「換主題」和「找主題」放在同一個入口,不用另外開網站下載。

02

按「瀏覽社群主題(Browse community themes)」

會跳出一個主題目錄,可以看預覽圖、搜尋名稱。想跟課程一致就搜 AnuPpuccin。

為什麼:先看預覽再裝,省得裝一堆用不到的。

03

按「安裝(Install)」→ 再按「套用(Use)」

這是兩個動作。很多人只按了安裝,回頭抱怨「畫面怎麼沒變」——因為還沒套用。

為什麼:Obsidian 允許你先囤好幾套主題,再挑今天想用的那一套。

04

回到外觀頁微調字型與字級

每套主題預設的字型不一定適合中文。套用後務必把「文字字型(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),不是字體大小。兩個一起調,效果最好。

上課前 30 秒檢查

① 介面縮放拉到 125% ② 切成淺色 ③ 確認可讀行寬是開的。三個動作,後排同學就看得到了。下課再調回來,兩秒的事。

// 05

進階:用一小段 CSS 讓中文更好讀

CSS=決定網頁與介面長相的樣式語言。你不用會寫,複製貼上就好。

佈景主題大多是英文使用者做的,中文字比較「密」,用英文的行高讀起來會擠。Obsidian 留了一個後門叫 CSS 程式片段(CSS snippets):你放一個 .css 檔進去,它就會疊在主題上面,只覆蓋你指定的那幾項。

檔案要放哪裡

放進你 vault 資料夾裡的 .obsidian/snippets/。這個 .obsidian 資料夾預設是隱藏的:

.obsidian/snippets/中文舒適閱讀.css
/* ─────────────────────────────────────────
   中文舒適閱讀 — 整段複製貼上即可
   想改就改數字,改壞了刪掉這個檔就恢復原狀
   ───────────────────────────────────────── */

/* 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 套上 預設 Default 深色 obsidian AnuPpuccin 換的是外框,裡面那份字從來沒動過

↑ 三個外框、一份內容。這就是「純文字 + 資料夾」最值錢的地方。

主題改的只是「玻璃門的樣式」,你的 .md 檔一個字都沒變。

這就是課堂上說的——檔案櫃是你的,外觀是租來的。今天你用 AnuPpuccin,明天改用 Minimal,後年連 Obsidian 都不用了,改用別的軟體、或直接用記事本打開,那句「員工可以是別人訓練的,檔案櫃必須是你的」還是好端端躺在你的 .md 檔裡。

所以請放心大膽地裝潢。外觀是可拋棄的,內容不是。

一頁帶走

CHEAT SHEET · 補充 3

  1. 所有裝潢都在一個地方:設定(Settings)→ 外觀(Appearance)。快捷鍵 Cmd/Ctrl + ,。
  2. 換主題是兩個動作:管理 → 瀏覽社群主題 → 安裝 → 套用。只安裝不套用,畫面不會變。
  3. 投影上課調介面縮放(Zoom level)125% – 140%,不是只調字體大小;字體大小另外加到 18 – 20。
  4. 中文字醜 → 把文字字型(Text font)改成 Noto Sans TC/思源黑體/蘋方。可讀行寬永遠開著。
  5. 想微調細節 → 丟一個 .css 進 .obsidian/snippets/ → 回設定按重新整理 → 打開開關。
  6. 調壞了 → 主題切回預設(Default)、CSS 片段關掉。筆記不會有事,一個字都不會少。