前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Obsidian+Digital Garden+Twikoo 搭建简单博客平台

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

原创
作者头像
三流之路
修改2024-08-27 17:54:15
830
修改2024-08-27 17:54:15
举报
文章被收录于专栏:Python

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

后来在网上看到 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" # 如果全局开启了搜索,要禁用某个文章的搜索

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 配置
  • 评论
    • 首页配置
    相关产品与服务
    内容分发网络 CDN
    内容分发网络(Content Delivery Network,CDN)通过将站点内容发布至遍布全球的海量加速节点,使其用户可就近获取所需内容,避免因网络拥堵、跨运营商、跨地域、跨境等因素带来的网络不稳定、访问延迟高等问题,有效提升下载速度、降低响应时间,提供流畅的用户体验。
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档