这一章来聊聊怎么让 Obsidian 变好看。就像手机换壁纸、换主题一样，Obsidian 也能换"皮肤"，而且能换的细节比手机还多——字体、颜色、间距，想调啥调啥。

---

11.1 亮色和暗色，先选个底色

Obsidian 自带亮色和暗色两套基础外观。

设置 → 外观 → 基础主题 → 浅色/深色

白天用亮色护眼，晚上用暗色护眼，就这么简单。也可以在底部状态栏快速切换。

---

11.2 怎么换主题

挑主题

设置 → 外观 → 管理 → 社区主题

这里有好几百款社区贡献的主题，每个都有预览截图，就像刷淘宝一样，看中哪个就装哪个。

安装主题

1. 浏览或者搜索主题名字
2. 点进去看详情和截图
3. 点「安装并使用」

一步到位。

切换已经装过的主题

设置 → 外观 → 主题 → 下拉选择

装了好几个主题的话，随时可以切换。

不想要了？卸掉

设置 → 外观 → 主题旁边的 ❌ 按钮

---

11.3 几款人气很高的主题

Minimal

极简风格，干净利落。配合 Style Settings 插件能做很多自定义。适合喜欢简洁、不爱花里胡哨的人。

Blue Topaz

功能超丰富的中文友好主题。自带多种配色方案，开箱即用，不用折腾。适合喜欢色彩丰富界面的人。

Primary

现代感十足，配色温和不刺眼。适合长时间盯着看，不容易累。

AnuPpuccn

支持多种配色方案，动画效果丰富。适合喜欢折腾、追求个性化的朋友。

Catalyst

暗色主题，对比度高。适合深色模式死忠粉，晚上写笔记特别舒服。

---

11.4 用 CSS 片段做"微调"

主题管的是整体风格，但如果你只想调一个小细节——比如字体稍微大一点、行间距宽一点、标题换个颜色——这时候就该 CSS 片段登场了。

它就像手机里的"开发者选项"，能让你精确控制每一个小细节。

先看看主题定制的"层级关系"，搞清楚谁说了算：

简单来说：越往上的越"基础"，越往下的优先级越高。CSS 片段里写的会覆盖主题里的同名设置，Style Settings 又能在此基础上继续调整。

怎么添加 CSS 片段

设置 → 外观 → CSS 代码片段 → 点那个文件夹图标

会打开 .obsidian/snippets/ 文件夹。在里面新建一个 .css 文件，比如叫 custom.css，把你想要的样式写进去就行。

几个常用的微调

让字体大一点（看着不累）：

/* 全局字体设成 16px，默认偏小，调大一点眼睛不累 */
body {
  font-size: 16px;
}

让行间距宽一点（阅读更舒服）：

/* 行高 1.8 倍，看着不拥挤，长文阅读体验好很多 */
.cm-line {
  line-height: 1.8;
}

给标题换个好看的颜色：

/* 不同级别的标题用不同颜色，层次感一下就出来了 */
h1 { color: #e06c75; }  /* 一级标题：暖红色 */
h2 { color: #61afef; }  /* 二级标题：天蓝色 */
h3 { color: #98c379; }  /* 三级标题：草绿色 */

让编辑区不要太宽（居中看着舒服）：

/* 编辑区最大宽度 800px，超宽屏下居中显示，阅读体验更好 */
.markdown-source-view.mod-cm6 .cm-content {
  max-width: 800px;
  margin: 0 auto;
}

让图片不要太大：

/* 图片最大宽度限制在 80%，防止大图撑爆版面 */
img {
  max-width: 80%;
}

写完 CSS 文件后，回到设置页面，刷新一下片段列表，勾选启用你刚加的那个片段就生效了。

小知识：CSS 片段的优先级比主题高。也就是说，你在片段里写的设置，会覆盖主题里的同名设置。就算换了主题，你的微调效果还在。

---

11.5 给文件夹和笔记加图标

Obsidian 默认用的是文字图标，看着有点单调。装一个 Icon Folder 社区插件，就能给文件夹和笔记加上彩色的图标，瞬间好看很多。

安装： 搜「Icon Folder」

怎么用：

1. 右键点一下文件夹或笔记
2. 选「Change Icon」
3. 从图标库里挑一个

配上好看的主题，整个界面一下子就生动起来了。

---

11.6 字体也能换

设置 → 外观 → 字体

设置项	啥意思
界面字体	菜单、按钮这些界面上的字
正文文本字体	你笔记内容的字体
等宽字体	代码块里用的字体

推荐几款适合长时间看的字体：

字体	啥特点	适合干啥
思源黑体	清晰，开源免费	日常中文笔记
思源宋体	优雅，看着舒服	中文长文阅读
JetBrains Mono	等宽，字符好区分	写代码
Fira Code	支持连字符	写代码

---

11.7 这一章聊了啥

要点	一句话总结
亮色/暗色	设置 → 外观 → 基础主题
换主题	设置 → 外观 → 管理 → 社区主题，挑喜欢的装
CSS 片段	微调字体、间距、颜色这些小细节
图标	Icon Folder 插件给文件夹加图标
字体	设置 → 外观 → 字体，换成看着舒服的

---

下一章来聊聊最重要的事——怎么让你的笔记不丢：第12章 同步与备份