obsidian怎么换主题?谢谢~?

Snipaste_2026-06-07_09-36-20
Obsidian 首页太简陋?我用 AI 给自己做了一个“个人知识工作台”
很多人刚开始用 Obsidian,都会有一个相似的感受:功能很强,但首页太简陋。
打开软件以后,左边是文件夹,右边是一堆 Markdown 笔记。东西越记越多,目录越堆越深,最后每天打开 Obsidian 的第一反应不是“我要开始工作了”,而是“我该从哪里开始?”
这也是我今天折腾 Obsidian 首页的原因。
我不想让首页只是一个目录页,而是希望它变成一个真正能每天使用的 个人知识工作台:一打开就知道今天要做什么、最近关注什么、哪些内容需要复盘、哪些事情需要继续推进。
这次首页面设计90%工作量是由AI完成,设计界面主要抄作业,原作者发布的公众号文章:Obsidian首页实在忍不了了,花了两个小时,没想到能捣鼓到这么漂亮
一、为什么 Obsidian 默认界面不够用?
Obsidian 的优势是自由、双链、Markdown、本地化,但它的默认界面比较“工程化”。
它适合写笔记,但不一定适合每天快速进入状态。
常见问题有几个:
- 首页缺少引导
打开后看到的是文件和笔记,但没有一个统一的工作台。 - 记录和行动脱节
日记、项目、学习笔记、工作笔记都有,但每天要推进什么,还得自己翻。 - 输入多,输出少
很多文章、会议、资料被记录下来,但没有形成洞察和行动建议。 - 笔记越多越难回看
知识库变大以后,最需要的不是继续堆内容,而是让系统帮你重新组织注意力。
所以我这次的目标很明确:
把 Obsidian 首页从“笔记目录”,改造成“每日行动 + 输入输出 + AI 洞察”的个人工作台。
二、我的首页设计思路
我参考了一篇关于 Obsidian 首页美化的文章,里面有个思路很打动我:
首页不是装饰页,而是操作台和洞察镜。
我把它拆成三个部分。
1. 首屏:个人知识工作台
首屏不放太多内容,只做三件事:
- 给自己一个清晰的进入感;
- 提供今日日记入口;
- 提供 AI 洞察入口。
视觉上,我选择了偏清爽的“绿植工作台”风格。背景是一张工作台图片,不是单独插图,而是作为整个首屏区域的背景。
这样首页打开后,不再像普通文档,而更像一个每天都想使用的工作界面。
2. 操作台:今日行动、今日输入、今日输出
这一部分是每天最实用的区域。
我把它分成三张卡片:
- 今日行动:今天真正要推进的事情;
- 今日输入:今天吸收了什么;
- 今日输出:今天真正产出了什么。
比如今天我的首页里就写了:
- 建立“项目问题闭环表”;
- 将 PCDN 报告转成执行清单;
- 晚上补 3 行复盘;
- 今日输出是生成七维 AI 洞察,并把首页接入真实内容。
这比单纯写一个 Todo List 更有用,因为它提醒我:
今天不是只要忙,而是要确认有没有形成输出。
3. 洞察镜:让 AI 帮我回看知识库
这是这次改造里最关键的一部分。
我新建了一个 AI洞察/当日.md 文件,让 AI 根据最近的日记、工作笔记、学习笔记和专题报告,生成七个维度的洞察:
- 总览
- 潜意识偏好
- 被遗忘的内容
- 认知盲区
- 热点趋势
- 注意力热力图
- 行动建议
首页中不只是放链接,而是直接嵌入“总览”,并把另外六个维度做成摘要卡片。
每张卡片显示:
- 一个洞察标题;
- 一句话核心结论;
- 几个关键词标签;
- 查看详情入口。
这样首页就不再是静态页面,而是一个可以每天刷新的 AI 洞察面板。
三、这次实际做出来的效果
这次首页大致包含这些模块:
首屏
- 标题:个人知识工作台
- 副标题:把每日行动、输入输出和知识洞察放在同一张清爽的桌面上
- 快捷按钮:今日日记、AI 洞察
- 背景:绿植工作台图片
操作台
三张卡片:
- 今日行动
- 今日输入
- 今日输出
内容不是空模板,而是结合今天真实笔记生成。
洞察镜
先展示 AI 洞察总览,再展示六张摘要卡片:
- 潜意识偏好:标准化、监管、闭环、证据留痕;
- 被遗忘的内容:个人复盘、健康状态、学习输出转化;
- 认知盲区:量化指标、责任人、时间节点、整改结果;
- 热点趋势:宽带协同、工程合规、PCDN、AI 基础设施;
- 注意力热力图:哪些领域热度最高,哪些被忽略;
- 行动建议:闭环表、执行清单、三问复盘。
快捷入口
保留日常入口:
- 今日日记
- AI 洞察
- Inbox
- 项目
- 复盘
这部分不需要复杂,关键是常用。
四、优化过程中踩过的坑
这次看似只是“美化首页”,实际踩了几个坑。
1. Markdown 图片嵌在 HTML 里容易异常
一开始我用 Obsidian 的图片嵌入语法:
但如果把它放在 HTML 的 <div> 结构里,Obsidian 有时会渲染不稳定,甚至直接显示成链接文字。
后来改成 HTML 图片:
<img src="file/image.png" alt="绿植工作台">这样在复杂布局中更稳定。
2. 背景图不能只是“图片框”
我一开始把图片放进卡片里,结果效果像一个独立图片框,不像首页背景。
正确做法是:
- 父容器设置
position: relative; - 图片层设置
position: absolute; inset: 0; - 图片使用
object-fit: cover铺满区域; - 文字层用更高的
z-index放在上面; - 再加一层渐变遮罩,保证文字可读。
这样图片才会成为整个首屏区域的背景。
3. Obsidian 的限制行宽会压缩首页
如果 Obsidian 开启了 readable line width,首页会被压得很窄,标题容易换行,卡片也显示不舒服。
所以 CSS 里需要针对这个页面单独放宽:
.markdown-preview-view.knowledge-home .markdown-preview-section {
width: min(100%, 1360px) !important;
max-width: none !important;
}同时在首页 frontmatter 里加一个专属 class:
---
cssclasses:
- knowledge-home
---这样不会影响其他笔记,只优化首页。
4. 洞察区不要只放装饰图
一开始洞察镜区域放了一张好看的图,但实际没有内容。
后来发现这不符合首页定位。
洞察镜不是装饰区,而应该显示真实洞察。所以我删除了装饰图,改成嵌入 AI 洞察内容和摘要卡片。
这个调整很关键:
首页真正有价值的不是好看,而是每天打开后能提醒你该看什么、想什么、做什么。
五、我的首页文件结构
这次主要用了三个文件:
1. 首页文件
首页.md负责页面结构,包括首屏、操作台、洞察镜、快捷入口。
2. 洞察内容文件
AI洞察/当日.md负责存放每天由 AI 生成的七维洞察。
首页通过下面这种方式嵌入其中一部分:
这样内容和样式是分离的。
3. CSS 样式文件
.obsidian/snippets/knowledge-home.css负责页面样式,包括背景、卡片、网格、标签、宽度、悬浮效果等。
这种结构的好处是:
- 首页结构清楚;
- 洞察内容可以每天更新;
- 样式可以独立维护;
- 不会污染其他笔记。
六、如果你也想做 Obsidian 首页,建议注意这几点
1. 先想清楚首页用途
不要一开始就追求好看。
先问自己:
- 我每天打开 Obsidian 第一眼想看到什么?
- 我最常用的入口是什么?
- 哪些内容需要每天复盘?
- 我希望 AI 帮我做什么?
首页最好不是目录,而是工作流入口。
2. 页面不要塞太满
首页不是所有内容的集合。
建议只放三类东西:
- 今天要做什么;
- 最近关注什么;
- 常用入口在哪里。
其他内容通过链接跳转,不要全部堆在首页。
3. 图片要服务内容
背景图可以提升氛围,但不要喧宾夺主。
图片建议:
- 风格统一;
- 颜色不要太强;
- 主体最好在右侧或边缘;
- 左侧留出文字空间;
- 必要时加遮罩提高文字可读性。
4. CSS 最好只作用于首页
不要直接全局修改 Obsidian 样式,否则容易影响其他笔记。
推荐做法是给首页加专属 class:
cssclasses:
- knowledge-home然后所有 CSS 都写成:
.knowledge-home xxx {
...
}这样更安全。
5. AI 洞察要能转化为行动
AI 总结不是为了好看,而是为了减少认知负担。
我觉得比较有用的 AI 洞察不是“你最近关注了很多事情”,而是能指出:
- 你最近反复关注什么;
- 哪些内容被忽略了;
- 哪些地方存在盲区;
- 接下来最小行动是什么。
最后一定要落到行动建议。
七、这次最大的收获
这次改首页后,我最大的感受是:
Obsidian 不只是笔记软件,它可以成为一个个人操作系统。
过去我把笔记当成记录工具,现在更希望它成为一个“回看系统”:
- 记录今天发生了什么;
- 识别最近关注了什么;
- 提醒哪些内容被遗忘;
- 把复杂工作拆成下一步行动。
首页的意义也变了。
它不是一个漂亮封面,而是每天进入知识库的第一张桌面。
一个好的 Obsidian 首页,应该同时做到三件事:
- 让我愿意打开;
- 让我快速进入状态;
- 让我知道下一步该做什么。
如果能做到这三点,首页就不只是美化,而是一次真正的工作流升级。
结尾
如果你也觉得 Obsidian 默认界面太简陋,不妨先从一个简单首页开始:
- 一个首屏;
- 三张操作卡片;
- 一个 AI 洞察区;
- 几个快捷入口。
不用一开始就做得很复杂。
真正重要的是,让首页每天都能回答一个问题:
今天,我该把注意力放在哪里?
申明:文章也是由AI总结生成。