资讯动态

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

发布时间:2026/8/18 1:12:14 来源:尧图企业网站定制
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克隆后你会看到Farouks Homepage - Shiba Inu/这个文件夹它本身就是一份可以直接打开的 Obsidian 笔记库。第二步导入 Obsidian打开 Obsidian → 打开其他库 → 选择Farouks Homepage - Shiba Inu文件夹。如果你已有自己的笔记库也可以只把Homepage/和Others Features/两个子文件夹复制进去模板是解耦的随时可以移植。第三步启用 CSS 片段关键卡片布局靠的是一段样式文件。把Farouks Homepage - Shiba Inu/.obsidian/snippets/下的【Main】ITS callouts (infobox, cards).css复制到你笔记库的.obsidian/snippets/目录然后在 Obsidian 设置 → 外观 → CSS 片段里把它打开。刷新页面卡片效果立刻生效。做完这三步打开Homepage/Homepage v1.0 New Version.md一个带横幅、卡片导航、进度条和倒计时的完整主页就出现在你眼前了。![Obsidian主页模板完整效果截图](https://raw.gitcode.com/gh_mirrors/obs/obsidian-homepage/raw/75370d6d785b4abc89deee8188d0e426f6837ed1/Farouks Homepage - Shiba Inu/Obsidian/Attachements/faroukhomepage3.png?utm_sourcegitcode_repo_files)四个使用场景这套主页到底能帮你做什么场景一把笔记库变成分类导航面板大多数人的笔记库不是没有内容而是入口太深。这套模板用[!cards]语法把笔记分成几组卡片每组配上标题和标签一眼扫过去就知道个人管理在哪、知识库在哪、项目在哪。打开Homepage/Homepage v1.0 New Version.md你会看到三组卡片SelfObsidian、Personal、PKM Library、MOC List、PersonalWorkspace、Journal、OthersLife 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 Queriesdataviewjs。接着打开Life Progress.md把出生日期改成你自己的const birthday DateTime.fromObject({ year: 2000, // 改成你的出生年份 month: 10, // 改成你的出生月份 day: 20 // 改成你的出生日期 }); const lifespan { year: 80 } // 想按90岁算就改成90改完这三处进度条就会自动按你的真实年龄计算。适用场景想让时间流逝变得可感知的人尤其是拖延症患者——进度条是最诚实的时间管理工具。![Obsidian主页时间进度与倒计时实际效果](https://raw.gitcode.com/gh_mirrors/obs/obsidian-homepage/raw/75370d6d785b4abc89deee8188d0e426f6837ed1/Farouks Homepage - Shiba Inu/Obsidian/Attachements/Pasted image 20230103220831.png?utm_sourcegitcode_repo_files)场景三给重要节点装上倒计时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 打开时的默认页面设置 → 文件与链接 → 默认新标签页把完整的卡片主页留作总览入口。两级导航结构比单页更符合大脑的层级认知。玩法二把三个主页版本做成模式切换新版、极简版、旧版三份主页文件可以并存。你可以把极简版当专注模式需要深度工作时打开它只有标题和进度条没有任何干扰需要统筹全局时切回新版。切换成本只是一次 CtrlO但心理上的状态切换却非常明显。新手最容易踩的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创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

读完文章,也想定制专属网站?

尧图设计师 24 小时内与您沟通定制方案

免费获取报价