关于个人博客站点的搭建方案有很多,之前也用过一些静态博客,还是有点繁琐的。最不舒服的其实是明明是记在笔记系统里的,却要单独复制一份出来,单独放在那个博客系统里,往往是搭建完就是结束,久而久之,也就废了。
后来在网上看到 Digital Garden,基于 Obsidian 系统,博客的存储和其它静态博客一样,代码在 Github,我是部署在 Vercel 上。
页面虽然算不上好看,但作为个人用足够了,关键是省心。这样可以把一些文发到网上,然后电脑不在身边时直接上网查询笔记,或者要分享给别人时直接发个自己的网站链接。
至于印象笔记、Notion 之类的软件本就可以分享网页,甚至也能绑定域名,但是自从若干年前为知笔记强制收费导致我迁移痛苦,扔掉许多笔记后,就有了一种执念,一定要用 Markdown,数据一定要在自己手里。
配置
有一些设置项打不开,需要访问国外网站
按照官网的教程,将 Github 的配置弄好,Base URL 是自己绑定的域名,前面不用加 http/https。
发现的问题:
- TOC 配置没有用,右侧显示不出大纲。
- 左侧侧边栏展开想收起的话必须滑动到页面顶部,超过一屏以后就不行了,点击屏幕侧边栏还一直在
一些配置项:
dg-home: true
:表示首页dg-publish: true
:表示要发布,如果取消发布,设置成 falsedg-path: "测试/目录/abc.md"
:比如文章在 Obsidian 里是/读书/哲学/老子.md
,首先地址栏变成了测试/目录/abc
,侧边栏位置变成随笔/目录/老子
,侧边栏的文章名字不会变,标题也还是“老子”title: "老子"
,侧边栏文章标题就变成了 “老子”dg-pinned: true
:侧边栏中固定到当前所在文件夹的顶部dg-created:
设置发布时间,如果属性是日期,没有时间,会自动设置成 12:00AM,这个属性是在 Appearance 设置中的时间设置里设置的,也可以同时设置个 dg-updated。可以和其它插件,比如Update time on edit/Front Matter Timestamps配合使用
评论
可以添加评论系统,像文档说的那样,把 Github 仓库下载下来,添加 src/site/_includes/components/user/notes/footer/comment.njk
,选择国内能用的评论系统 Twikoo 的通过 CDN 引入 方式,结果样式不对,被关系图谱和反向链接遮挡了一部分。
想着把内容往下移动看看,代码第一句是 <div id="tcomment"></div>
改成 <div id="tcomment" style="margin-top: 200px;"></div>
没用,<div id="tcomment" style="padding: 100px 0px 0px 0px;"></div>
没用,最后改成下面这样有用了。
<div style="height: 100px;"></div>
<br>
<div id="tcomment"></div>
...
效果如下:
不过这属于屠龙术啊,根本不会有人用,哈哈。
首页配置
如果是 true,用复选框,如果是 false,Obsidian 不会自动填充 false,所以必须用字符串 "false"。
代码语言:yaml复制dg-publish: true
dg-home: true # 首页
dg-show-local-graph: "false" # 不显示关系图谱
dg-show-backlinks: "false" # 不显示反向链接
dg-home-link: "false" # 没什么用
dg-show-toc: "false" # 没什么用
dg-hide-in-graph: true # 不在其它图的图谱中出现
dg-hide: true # 不在侧边栏显示
dg-path: "home.md" # 如果在目录里,侧边栏还是会显示目录,只是不显示文章标题,所以将目录设置成根目录,配合 gd-hide 侧边栏完全不显示
dg-enable-search: "false" # 如果全局开启了搜索,要禁用某个文章的搜索