尧图建网站 尧图建网站 YAOTU WEB BUILD 免费咨询
ARTICLE DETAIL

资讯详情

深耕网站建设与建站编程的一线实战洞察。

3步打造极简Obsidian主页:Shiba Inu模板完整配置指南

3步打造极简Obsidian主页:Shiba Inu模板完整配置指南 3步打造极简Obsidian主页Shiba Inu模板完整配置指南【免费下载链接】obsidian-homepageObsidian homepage - Minimal and aesthetic template (with my unique features)项目地址: https://gitcode.com/gh_mirrors/obs/obsidian-homepage打开Obsidian却对着满屏文件名发呆想记笔记先花十分钟找入口——这大概是每个笔记党都经历过的尴尬。我折腾了三个月的Obsidian主页模板最后留在笔记库里的只有这一套Obsidian Homepage Shiba Inu。它是一个免费开源的Obsidian主页模板用卡片式布局把知识管理、时间进度、倒计时整合进一个极简仪表盘打开软件就能直奔重点。先放一张成品效果感受一下极简又高效的Obsidian主页长什么样![Obsidian主页卡片布局效果图](https://raw.gitcode.com/gh_mirrors/obs/obsidian-homepage/raw/75370d6d785b4abc89deee8188d0e426f6837ed1/Farouks Homepage - Shiba Inu/Obsidian/Attachements/faroukhomepage3.png?utm_sourcegitcode_repo_files)一、这个模板凭什么值得装进你的笔记库市面上主页模板不少但多数是图片好看、代码劝退。Shiba Inu模板的核心优势在于不需要懂代码改几个数字就能完成90%的个性化。拆开它的功能清单你会发现每一块都踩在痛点上了功能模块解决什么问题对应文件卡片式导航笔记分类一目了然点一下直达Homepage/Homepage v1.0 New Version.md动态问候语按时间段自动显示早/午/晚安内嵌 Dataviewjs 代码人生/年度进度条把时间流逝变成可视化进度Others Features/Life Progress.md倒计时面板重要事件不再靠脑子记Others Features/Countdown.md快捷按钮区一键切换深浅色、全屏、打开网页Homepage/Button Dev.md比起默认的文件列表视图这套模板把被动翻找变成了主动导航这就是它作为Obsidian主页最大的价值。二、3步快速安装从克隆到看到成品主页别被一堆文件吓到真正的安装只需要三步全程五分钟以内。第 1 步克隆模板仓库打开终端执行git clone https://gitcode.com/gh_mirrors/obs/obsidian-homepage克隆完成后你会得到一个名为obsidian-homepage的文件夹。第 2 步导入 Obsidian 并启用 CSS 片段打开 Obsidian选择打开其他库定位到克隆目录下的Farouks Homepage - Shiba Inu文件夹进入设置 → 外观 → CSS 片段点击文件夹图标把Farouks Homepage - Shiba Inu/.obsidian/snippets/【Main】ITS callouts (infobox, cards).css拖入其中并启用。这一步非常关键卡片布局全靠这个 CSS 片段渲染漏了它主页会变成一堆干巴巴的文本。第 3 步打开主页文件进入Homepage目录打开Homepage v1.0 New Version.md。如果一切正常你会看到带横幅的卡片式主页右侧还有人生进度和倒计时面板。 想先体验再动手Homepage目录里还准备了Homepage v1.0 Minimalist.md极简风和Dashboard.md导航仪表盘两个备选版本直接复制改名即可切换风格。三、最快配置方法改这几个数字就够了模板自带的配置非常简单哪怕你一行代码都没写过也能轻松上手。3.1 人生进度条填你的生日打开Others Features/Life Progress.md找到这段代码const birthday DateTime.fromObject({ year: 2022, // 改成你的出生年份 month: 1, // 改成你的出生月份 day: 30 // 改成你的出生日期 }); const lifespan { year: 80 } // 目标寿命可自行修改保存后刷新进度条会自动按年、月、日、人生四个维度显示百分比。比如今天是 2026 年把出生年份改成 1996人生进度就变成已过 37%。3.2 倒计时换一个日期就行打开Others Features/Countdown.md找到类似这样的行let edate moment(2023-12-31, yyyy-MM-DD);把引号里的日期改成你关心的日子比如考试日、交稿日、纪念日。模板逻辑会自动计算天数日期已过时会自动顺延到明年不会出现负数尴尬。3.3 动态问候语无需任何配置只要启用 Dataview 插件的 dataviewjs 功能主页顶部的问候语就会根据当前时间自动切换为早上好 / 下午好 / 晚上好。想改文案在主页文件中找到对应的 dataviewjs 代码块把文字替换成你喜欢的说法即可。四、进阶玩法把主页变成你的专属控制台基础配置之外这套 Obsidian 主页模板还留了很多发挥空间这里分享两个超出常规的玩法。玩法一一键切换工作/学习模式Homepage/Button Dev.md里已经集成了深浅色切换按钮。你可以复制按钮模板把action改成其他插件的命令比如一键加载工作区布局、一键打开今日日记把主页变成一个真正的控制台。玩法二建立月度/年度回顾入口参考Others Features/Table Links.md中的写法利用moment()动态生成当月、当年的笔记链接 $ [[ moment().format(YYYY-MM) |This month]]把它放进主页的 Links 卡片里每次打开都是自动更新的本月回顾入口日记体系瞬间被盘活。五、常见问题排查三个高频坑的解法自己踩过的坑帮你提前排掉。Q1卡片布局显示异常全是一排排文字大概率是 CSS 片段没启用。回到设置 → 外观 → CSS 片段确认【Main】ITS callouts (infobox, cards).css的开关是打开状态然后重启 Obsidian 再试。Q2人生进度条不更新 / 不显示进度条依赖 Dataview 插件。安装并启用 Dataview 后进入其设置开启Enable JavaScript Queriesdataviewjs否则代码块不会执行。另外检查Life Progress.md里的生日格式月份和日期不要写反。Q3倒计时不跳动或显示异常Countdown 用到了 Templater 插件的动态语法。确认 Templater 已安装启用并检查日期格式是否为YYYY-MM-DD。如果你没装 Templater也可以把倒计时改用 Dataviewjs 重写效果类似。Q4主页加载偏慢模板默认引用了少量外部图片作为横幅和卡片插图网络差时会卡。建议把插图替换成本地图片比如直接使用项目自带的background.png或附件目录里的横幅图加载速度会明显提升。六、总结好用的知识管理从一屏开始回到开头的问题为什么你需要一个 Obsidian 主页因为极简的主页不是装饰而是效率入口。Shiba Inu 模板把导航、进度、倒计时、快捷操作压缩到一屏之内让每次打开笔记库都直奔主题而不是迷失在文件堆里。如果你也想告别杂乱建议按这个顺序落地先按三步安装再改生日和倒计时两个数字最后把首页链接换成你自己的笔记分类。整个 Obsidian 主页从能用到好用只需要一个下午。现在就克隆仓库动手试试吧——最好的知识管理系统永远是那个你愿意每天打开的那一个。【免费下载链接】obsidian-homepageObsidian homepage - Minimal and aesthetic template (with my unique features)项目地址: https://gitcode.com/gh_mirrors/obs/obsidian-homepage创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表