Obsidian+Digital Garden+Twikoo 搭建简单博客平台

2024-08-27 17:54:15 浏览数 (1)

关于个人博客站点的搭建方案有很多,之前也用过一些静态博客,还是有点繁琐的。最不舒服的其实是明明是记在笔记系统里的,却要单独复制一份出来,单独放在那个博客系统里,往往是搭建完就是结束,久而久之,也就废了。

后来在网上看到 Digital Garden,基于 Obsidian 系统,博客的存储和其它静态博客一样,代码在 Github,我是部署在 Vercel 上。

页面虽然算不上好看,但作为个人用足够了,关键是省心。这样可以把一些文发到网上,然后电脑不在身边时直接上网查询笔记,或者要分享给别人时直接发个自己的网站链接。

至于印象笔记、Notion 之类的软件本就可以分享网页,甚至也能绑定域名,但是自从若干年前为知笔记强制收费导致我迁移痛苦,扔掉许多笔记后,就有了一种执念,一定要用 Markdown,数据一定要在自己手里。

配置

有一些设置项打不开,需要访问国外网站

按照官网的教程,将 Github 的配置弄好,Base URL 是自己绑定的域名,前面不用加 http/https。

发现的问题:

  • TOC 配置没有用,右侧显示不出大纲。
  • 左侧侧边栏展开想收起的话必须滑动到页面顶部,超过一屏以后就不行了,点击屏幕侧边栏还一直在

一些配置项:

  • dg-home: true:表示首页
  • dg-publish: true:表示要发布,如果取消发布,设置成 false
  • dg-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> 没用,最后改成下面这样有用了。

代码语言:html复制
<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" # 如果全局开启了搜索,要禁用某个文章的搜索

0 人点赞