Obsidian发布笔记

#工具 #obsidian #笔记 #静态发布


引言

本文介绍了使用 Digital Garden、Cloudflare 和 GitHub 实现 Obsidian 发布笔记的方法,结合本人踩过的坑,记录改善后的具体步骤以供参考。

使用工具

步骤概述

  1. 导入该库:GitHub - oleeskild/digitalgarden
  2. 使用 Cloudflare 构建部署;
  3. Obsidian 下载第三方插件 Digital Garden
  4. 配置 Digital Garden 插件;
  5. 发布页面,根据发布结果进行调整。

具体步骤

GitHub 配置

登录 GitHub

GitHub: Let’s build from here · GitHub

复制该库链接

GitHub - oleeskild/digitalgarden

不在乎公共/私有权限的直接 fork 该库,然后直接看【Cloudflare 构建部署】部分。 👉 [[#^c31184]]

https://ik.imagekit.io/err510/wvr8KnVLE-ndMVaC20q-MbjS-sjgUJ8Txb_chdFI18Q.png

私有该库

截至 2024 年 06 月 20 日,该方法已过时,留此仅起留念作用。最新方法请见下文【私有该库】。 👉 [[#^077236]]

  1. 回到 GitHub 主页,创建新仓库,根据喜好命名,文中以 digitalgarden1 做例。
  2. 点击右上角头像,选择 Your repositories
    https://ik.imagekit.io/err510/5BgbzYaUqNWr1kFiKRihYpJzpcRkUDBjsnuTfglEqcw.png
  3. 点击绿色的 New 按钮;
  4. 输入仓库名称,选择公共/私有权限,点击创建。
    https://ik.imagekit.io/err510/Q6T-lJYCMwBRVCIqCyfvsLxNUTlceM-RJFUBLBzT-fo.png
  5. 创建完成后,点击左下方的 Import code 按钮。
    https://ik.imagekit.io/err510/jRWJmkltzM1H0w5n6qieqkT_xlB-x8y-toWx7_-O-b0.png
  6. 将之前复制的链接粘贴到框内,点击 Begin import 按钮。
    https://ik.imagekit.io/err510/OosFrOYV2zvokY02Igl39BegeBzfYtN0AJxLWzYai38.png
  7. 等待导入完成。

私有该库

  1. 点击 GitHub 右上角的 + 号,选择 Import repository
    an image from clipboard
  2. 将复制的链接粘贴到 The URL for your source repository 框内(1 处),在 Repository name 框内输入想取的仓库名(2 处),并将仓库设为 Private(3 处),点击 Begin import(4 处)。
    image from clipboard
  3. 等待导入完成即可。

Cloudflare 构建部署

登录 Cloudflare

Cloudflare 网址:随时随地连接、保护和构建 | Cloudflare

需要先有账号,没有的话先注册,然后点击左上角大大的醒目的 Cloudflare。

连接到 Git

  1. 选择左侧边栏中的 Workers和Pages,点击蓝色的 创建应用程序 按钮,选择 Pages,点击 连接到Git
    image from clipboard
  2. 账户就是 GitHub 账户,选择要使用的库,文中的例子依旧是 digitalgarden1

设置构建和部署

等待部署完成,此时点开生成的域是一片空白,还需要在 Obsidian 中进行配置。

Digital Garden 插件配置

下载

在 Obsidian 的社区插件市场中搜索 Digital Garden,下载并启用。

配置

配置 Digital Garden Setting,配置正确后❌会变成✅。

 https://ik.imagekit.io/err510/z3TCDKIJwXB0lOfkYV30nOyTHclihTP3qD6tcKMGZa4.png

生成 GitHub token

  1. 点击图上的 here,跳转至生成 GitHub token 的页面,设置 token 什么时候过期。
     https://ik.imagekit.io/err510/QSoxGqoNp5QQKt4VpeLd0ASlVoV85EQeEiMcIDhVE5g.png
  2. 其它不用改变,直接点击 Generate token 按钮。生成的 token 只会显示一次。

Slugify Note URL

如果笔记标题含有非英文的字符,务必关闭 Slugify Note URL 选项

 https://ik.imagekit.io/err510/zv2NK8SqdaDBif12FXPQpJvBZug8aqhB0FnMeXOV9f0.png

Manage note settings

对显示在页面上的部分进行配置,如:标签、图谱、侧边目录、关联笔记等。

具体可查看官方文档:03 Note settings

Manage appearance

对页面外观进行配置,如:主题、深浅、站名、图标、时间戳等。

具体可查看官方文档:04 Appearance Settings

 https://ik.imagekit.io/err510/wqtebsVRaFl8V-di8RuUT44lZOY4IIANY-Hzm-qOHlY.png

发布页面

设置文档属性

发布页面

总结

本文的最终目的只是通过第三方手段发布 Obsidian 笔记,因此有些提升体验的细节没有提到或一笔带过了。

相关链接