Obsidian的配置与美化——前言

为什么我要折腾 Obsidian

说实话，我最早用 Obsidian，只是想找个安静一点的地方记笔记。后来越用越不满足，因为我的需求其实不只是“写点东西”这么简单。

我想要的是一个统一入口，把这些事情尽量放到一起：

随手记灵感和碎片
写博客文章
积累长期知识库
管理项目和 Todo

所以现在这套 Vault，对我来说已经不只是笔记本了。00.Inbox 用来快速收集，10-blog 写文章，20-wiki 存知识，30-projects 记项目，40-todo 管任务，50-daily 写日记，80-archive 做归档，90-attachments 放附件。

再加上我的博客 bedic.tech 本身就是直接从这套 Obsidian 内容里读取文章，整个流程基本能串起来。也就是说，Obsidian 在我这里已经是笔记、博客、知识库、任务管理的一体化入口。

我折腾这套配置，不是为了把插件列表堆得很长，也不是为了截图看起来很花哨。说白了，我只是想让自己每天打开 Obsidian 的时候，第一眼就知道现在有什么要看、有什么要写、有什么没做完。

配完之后，你会得到什么

这套系列折腾完之后，你得到的不会只是一个“能用的 Obsidian”，而是一个更像个人工作台的首页和工作流。

大概会有这些效果：

一个 Glassmorphism 风格的 Dashboard 首页，看起来更轻，也更像中控台
用 DataviewJS 组织出来的信息卡片，可以集中展示博客、笔记、项目和任务
自动分类模板，写日记、周记、项目记录和文章时不用每次从空白页开始
热力图视图，可以直观看到自己最近有没有持续记录
比较顺手的任务管理区，待办、进行中、延期内容会更清楚
一个紫色风格的大纲面板，长文写起来更舒服
统一过的编辑区、代码块、查询结果样式，整体观感会完整很多

这套配置的重点不是“炫”，而是“真的会天天用到”。先让它实用，再让它顺手，最后才是好看。

这套配置用了什么

先把资源清单放在这里，后面的文章再一项一项拆开讲。

主题

Cupertino

我最后选 Cupertino，原因很简单，底子干净、可塑性强，拿来做后续美化很省心。

社区插件

这套配置目前会用到 17 个社区插件：

Dataview
Tasks
Homepage
Heatmap Calendar
Templater
Tag Wrangler
Iconize
Calendar
Excalidraw
Periodic Notes
Image Auto Upload
Style Settings
CustomJS
Copilot
Quiet Outline
BRAT
Claudian

它们各自负责查询、任务、首页、模板、日历、标签、图标、扩展能力和界面体验。看起来不少，但不用被数量吓到，这个系列会按用途拆开讲，不会一上来就把你丢进插件海里。

CSS Snippets

除了主题和插件，我还会用 5 个 CSS Snippets 来把界面真正收拾到顺眼：

dashboard.css，Glassmorphism 看板主题
composer.css，Composer 和代码块美化
dataview.css，查询结果美化
outline-beautify.css，紫色大纲面板
todo-dashboard.css，任务卡片样式

其中 Dashboard 会用到 Outfit 和 JetBrains Mono 这两套字体，再配合 12 栏网格、卡片动画和一些细节样式，最后呈现出来的感觉会更像一个真的首页，而不是一页堆满链接的便签纸。

这个系列接下来会写什么

这篇是前言，后面会接着写 4 篇，顺序基本就是从能用到好看。

1. 主题与基础设置

先把底层环境打好，处理好主题选择、基础界面选项和整体使用习惯，让 Vault 先进入一个舒服、稳定的状态。

2. 插件安装与配置

把这套流程真正需要的插件装起来，并说明每个插件在整套工作流里是干什么的，避免装了一堆却不知道为什么装。

3. Dashboard 首页看板

这一篇会重点讲首页。包括 DataviewJS 看板思路、内容分区、信息卡片组织方式，以及怎么让首页真的变成你的日常入口。

4. CSS 美化详解

最后再把样式层完整讲清楚，把 Dashboard、编辑区、查询结果、大纲和任务卡片这些细节统一起来，做出现在这套观感。

这套系列适合谁

如果你刚开始用 Obsidian，或者你已经装了很多插件，但界面还是有点乱、工作流还是有点散，那这个系列应该会比较适合你。

我会尽量按小白友好的方式来写，不默认你已经很懂插件，也不默认你已经会写一堆脚本。你可以把它当成一套从零慢慢搭起来的参考路线，跟着做，最后基本就能配置到我现在这套状态。

如果你也想把 Obsidian 变成自己的笔记入口、博客后台、知识库和任务面板，那我们就从下一篇开始，正式开折腾。