如何将 Obsidian 文章发布至个人网站?

准备

  1. 准备 GitHub 模版仓库与 Token

    • Fork 模版:访问 GitHub 上的 oleeskild/digitalgarden 仓库,点击右上角的 Fork,将其复制到你的个人 GitHub 账号下。
    • 创建 Personal Access Token (Classic):
      • 进入 GitHub Settings -> Developer Settings -> Personal access tokens -> Tokens (classic)。
      • 点击 Generate new token (classic),勾选 repo 权限。
      • 复制生成的 Token 备用(仅显示一次)。
  2. 配置 Obsidian Digital Garden 插件

    • 安装插件:在 Obsidian 中打开 设置 -> 第三方插件 -> 浏览并搜索 Digital Garden,点击安装并启用。
    • 填写连接配置:
      • GitHub Repo Name:填入 Fork 的仓库名(例如 digitalgarden)。
      • GitHub Username:你的 GitHub 用户名。
      • GitHub Token:粘贴刚才生成的 Personal Access Token。
    • 选择发布基础设置:在插件设置中可根据偏好开启 Show Backlinks(反向链接)、Show Local Graph(局部关系图)或 Enable search(站内搜索)。
  3. 在 Cloudflare Pages 部署网站

    • 登录 Cloudflare:进入 Cloudflare Dashboard,左侧导航栏选择 Workers & Pages -> Create application -> Get started(底部有个“Looking to deploy Pages”) -> Import an existing Git repository
    • 选择仓库:授权并选择刚才 Fork 的 digitalgarden 仓库,点击 Begin setup。
    • 配置构建参数:
      • Project Name:自定义网站项目名。
      • Production branch:main。
      • Framework preset:选择 None。
      • Build command:npm run build
      • Build output directory:dist
    • 部署:点击 Save and Deploy.

编写与发布

在笔记 yaml 部分添加属性:

---
tags:
  - summary
  - life
---
Note

如果要自定义文件夹层级结构,让笔记放在指定的目录下,需要注意一个小 bug:
例如,笔记 A 和笔记 B 都要放在目录 Other 下,那么不能全都设为 dg-path: Others/,而要分别设为dg-path: Others/Ahiuhdcoidg-path: Others/Bihjosid(后面那个随便写什么都行),才能在目录树上正常渲染。

如果不自定义,而是默认用 obsidian 自带的文件夹层级,则无需考虑这个 bug。

其她: