企业官网建设流程全解析

3步搞定极简Obsidian主页：这套免费模板让你的笔记管理主页既美观又能追踪进度

【免费下载链接】obsidian-homepageObsidian homepage - Minimal and aesthetic template (with my unique features)项目地址: https://gitcode.com/gh_mirrors/obs/obsidian-homepage

每次打开Obsidian，你都面对一片密密麻麻的文件列表，想找今天的日记翻半天？这个场景是不是太熟悉了。今天推荐的obsidian-homepage是一款开源的 Obsidian 极简主页模板，它把"笔记入口 + 时间追踪 + 人生进度"整合进一个漂亮的主页里，让你每天打开笔记库的第一眼，就看到该看的东西，而不是一团乱麻。

为什么一套"主页"值得你认真对待？

先问自己一个问题：你每天打开 Obsidian 多少次？十次？二十次？如果每次打开都浪费 5 秒去找入口，一年下来就是好几个小时。而更隐蔽的损失是"心理阻力"——一个杂乱无章的首页，会让你潜意识里觉得"整理笔记很麻烦"，慢慢地就不再打开它了。

这套模板解决的就是这两件事：入口清晰和氛围感。它源自 Shiba Inu 主题作者 Farouk 的个人配置，整个模板由一组 Markdown 文件和一段 CSS 片段构成，零插件依赖（只有 Dataview 可选），复制进你的笔记库就能用。

10分钟快速上手：从下载到看见效果

整个过程三步，每一步都不超过三分钟：

第一步：克隆模板在终端执行：

git clone https://gitcode.com/gh_mirrors/obs/obsidian-homepage

克隆后，你会看到Farouk's Homepage - Shiba Inu/这个文件夹，它本身就是一份可以直接打开的 Obsidian 笔记库。

第二步：导入 Obsidian打开 Obsidian → "打开其他库" → 选择Farouk's Homepage - Shiba Inu文件夹。如果你已有自己的笔记库，也可以只把Homepage/和Others Features/两个子文件夹复制进去，模板是解耦的，随时可以移植。

第三步：启用 CSS 片段（关键！）卡片布局靠的是一段样式文件。把Farouk's Homepage - Shiba Inu/.obsidian/snippets/下的【Main】ITS callouts (infobox, cards).css复制到你笔记库的.obsidian/snippets/目录，然后在 Obsidian 设置 → 外观 → CSS 片段里把它打开。刷新页面，卡片效果立刻生效。

做完这三步，打开Homepage/Homepage v1.0 New Version.md，一个带横幅、卡片导航、进度条和倒计时的完整主页就出现在你眼前了。


四个使用场景：这套主页到底能帮你做什么

场景一：把笔记库变成"分类导航面板"

大多数人的笔记库不是没有内容，而是入口太深。这套模板用[!cards]语法把笔记分成几组卡片，每组配上标题和标签，一眼扫过去就知道"个人管理在哪、知识库在哪、项目在哪"。

打开Homepage/Homepage v1.0 New Version.md，你会看到三组卡片：Self（Obsidian、Personal、PKM Library、MOC List）、Personal（Workspace、Journal）、Others（Life Areas、Action Management）。每个条目都是一个双链，点击直达对应文件夹或笔记。想要新增分类？照葫芦画瓢，在[!cards]块里加一行即可。

如果你想换一种视觉风格，仓库里还准备了Homepage v1.0 Minimalist.md（极简版）和Homepage v0.15 Old Version.md（旧版），三份文件随意切换，总有一款契合你的审美。

场景二：把"人生进度"放在每天能看到的地方

这是整套模板最有冲击力的功能。Others Features/Life Progress.md用 Dataviewjs 脚本实时计算四层进度：

• Life：你的人生进度（按 80 岁寿命估算）
• Year / Month / Day：今年、本月、今天分别过了百分之几

效果是四行进度条 + 百分比，数字每天自动更新。看到"今天已过 62%"，你会下意识地想：剩下的 38% 要用来做什么？

启用方法：先安装社区插件 Dataview，然后在设置中开启 JavaScript Queries（dataviewjs）。接着打开Life Progress.md，把出生日期改成你自己的：

const birthday = DateTime.fromObject({ year: 2000, // 改成你的出生年份 month: 10, // 改成你的出生月份 day: 20 // 改成你的出生日期 }); const lifespan = { year: 80 } // 想按90岁算就改成90

改完这三处，进度条就会自动按你的真实年龄计算。适用场景：想让时间流逝变得"可感知"的人，尤其是拖延症患者——进度条是最诚实的时间管理工具。


场景三：给重要节点装上"倒计时"

Others Features/Countdown.md提供了便签风格的倒计时模块，支持天、周、月多种粒度。它非常适合三类事情：考试、截止日期、纪念日。

代码里每个倒计时都是一行，改日期即可：

let edate = moment("2026-12-31", "yyyy-MM-DD");

注意它的一个贴心设计：如果日期已过期，会自动顺延到下一年，不会显示负数。这个功能依赖 Templater 插件，装好后在设置里打开"Trigger Templater on new file creation"相关选项即可正常渲染。适用场景：备考期间把"距考试还有X天"钉在主页上，比手机里的倒数日 App 更有压迫感，也更激励人。

场景四：每次打开，主页跟你"打招呼"

模板主页顶部有一段动态问候语脚本，Obsidian 会根据当前时间自动输出"早上好 / 下午好 / 晚上好"。别小看这一句话——它把一个冷冰冰的工具界面，变成了一个每天都会跟你说话的空间。

实现方式同样基于 Dataviewjs，代码在Homepage v1.0 New Version.md的标题附近，你可以随意改措辞，甚至加上日期和星期。适用场景：让每天第一次打开笔记库这件事，多一点仪式感。

此外，Others Features/Table Links.md提供了一组"本月 / 今年"的自动跳转链接（用 moment 动态生成当前年月），Others Features/Shiba Buttons.md则让你给主页加上可爱的柴犬主题按钮。这些都是零成本的小彩蛋，值得一试。

两个很少人提的进阶玩法

玩法一：用 Dashboard 做"第二入口"仓库里的Homepage/Dashboard.md是一份独立的迷你导航页，带一个柴犬圆形头像和全部核心链接。你可以把它设为 Obsidian 打开时的默认页面（设置 → 文件与链接 → 默认新标签页），把完整的卡片主页留作"总览入口"。两级导航结构，比单页更符合大脑的层级认知。

玩法二：把三个主页版本做成"模式切换"新版、极简版、旧版三份主页文件可以并存。你可以把极简版当"专注模式"：需要深度工作时打开它，只有标题和进度条，没有任何干扰；需要统筹全局时切回新版。切换成本只是一次 Ctrl+O，但心理上的"状态切换"却非常明显。

新手最容易踩的4个坑

坑1：卡片布局不显示，全变成了纯文本列表九成原因是 CSS 片段没启用。检查两处：片段文件是否在.obsidian/snippets/目录下；设置 → 外观 → CSS 片段里开关是否已打开。注意 Obsidian 对中文文件名兼容良好，但文件夹路径别带特殊符号。

坑2：进度条一直不动或显示 0%这是 Dataview 没开启 dataviewjs 导致的。设置 → 第三方插件 → Dataview → 打开 "Enable JavaScript Queries"。另外Life Progress.md里的出生日期默认是模板作者的，记得改成自己的，否则人生进度会算成负数或 100%。

坑3：倒计时显示乱码或整段代码Countdown 依赖 Templater 插件，且代码里的<%+* ... %>是 Templater 的模板语法，必须通过 Templater 渲染才有效。装上插件，并把包含倒计时的文件用 Templater 打开一次即可。

坑4：图片显示为破碎链接模板里的横幅图片用的是 Obsidian 内部链接语法![[faroukhomepage2.png]]，图片必须存在于你的笔记库中。把Obsidian/Attachements/文件夹一并复制过来，别只拷 Markdown 文件。

现在，给你的笔记库一个配得上它的首页

说到底，主页是笔记库的门面，也是你每天停留时间最长的地方。obsidian-homepage 的价值不在于"好看"，而在于它把导航、时间感知、目标追踪这些高频需求，全部压缩进了一个一眼能读完的页面里。它免费、开源、可随意改造，改坏了也不心疼——因为每个文件都是普通的 Markdown。

小提示：整个模板只有Homepage/、Others Features/两个目录和一段 CSS 片段，想彻底搞懂原理，直接读Homepage/Homepage v1.0 New Version.md和Others Features/Life Progress.md的源码就行，每处配置都标注了"改哪里、改成什么"。克隆下来，十分钟后，你的 Obsidian 就是全新的样子。

【免费下载链接】obsidian-homepageObsidian homepage - Minimal and aesthetic template (with my unique features)项目地址: https://gitcode.com/gh_mirrors/obs/obsidian-homepage