{"version":"https://jsonfeed.org/version/1.1","title":"奇诺分享 | blog.ccino.cc - 重在分享","home_page_url":"https://blog.ccino.cc","feed_url":"https://blog-ccino-cc.pages.dev/json/","description":"","icon":"https://cdn-blog-ccino-cc.ccino.cc/blog-ccino-cc/production/images/channel-6ebae07c242a357bee27d74ca3e4b3ce.png","favicon":"https://cdn-blog-ccino-cc.ccino.cc/blog-ccino-cc/production/images/favicon-bdc56a1bbdd3d9f75032075380339348.jpg","authors":[{"name":"奇诺分享"}],"language":"zh-cn","items":[{"id":"QaUFyeEgUFJ","title":"obsidian 配合 hugo、cloudflare：让发布博客简单到不可思议","attachments":[{"url":"https://lillianwho.com/posts/obsidian-hugo-cloudflare/","mime_type":"text/html"}],"url":"https://blog.ccino.cc/i/obsidian-hugo-cloudflare/","external_url":"https://lillianwho.com/posts/obsidian-hugo-cloudflare/","content_html":"

自从我更换博客系统到 hugo 之后，我越来越少发博客了。原因除了最近写得少之外，就是发布起来不如之前使用 Gridea 那么方便了。

参考了几篇文章，现在的发布流程为：

  1. Obsidian 创建文章并写作。
  2. 利用 obsidian-git 插件将文件自动同步到 github
  3. Cloudflare 自动拉取 github 仓库，并自动构建为 hugo 项目，相当于省略了本地执行 hugo -D 的过程。

旧的发布方式为：

  1. Obsidian 中写作文章
  2. 复制文件到 hugo 项目的 content/posts 文件夹
  3. 然后执行 hugo -D 命令，生成静态文件
  4. 再到 public 文件夹下使用 git 将已生成的静态文件上传到 github。Github page 作为博客展示。

这个过程是非常麻烦的。

今天看到木木的博客中提到的 Cloudflare，就想着改造一下。改造过程如下。

使用到的 obsidian 插件

Image auto upload plugin


用于自动上传图片到图床。需要配合 picgo 使用。

Quickadd


用于快速创建一篇新博客。

下面是我的设置：

  1. 创建一个 Template 类型的 quickadd 命令


  1. 在根目录新建一个 _Templates 文件夹，并创建模板文件 hugo博客模板
1\n2\n3\n4\n5\n6\n7\n8\n9\n---\ntitle: {{NAME}}\ntags: [{{VALUE:tag？}}]\ndate: {{DATE:YYYY-MM-DD HH:mm:ss}}\ndraft: true\nhideInList: false\nisTop: false\nfeature: \n---\n

Copy

Published 字段是发布，默认设置为 false，草稿。等到文章写完并修改无误后，再修改为 true 进行发布。

  1. 设置 quickadd 命令：


Obsidian-git


用于自动备份文件到 github。

插件设置修改如下：

启用 Cloudflare


打开 Cloudflare Dash 导航栏 Pages ，点 创建项目，授权 Github 项目，选择博客所在仓库，选择正确的分支。

添加环境变量，指定高版本 HUGO_VERSION 为 0.92.0

然后部署即可。

部署完成后就可以使用 cloudflare 的二级域名访问博客了。如果你像我一样有自己的独立域名，那么可以进行域名绑定。

Cloudflare 绑定独立域名


首先第一步，把自己的域名托管到 cloudflare。参考： 如何将域名托管到 cloudflare 这篇文章。

然后打开导航栏 Pages ，在右侧找到刚刚的博客站点，在设置或者部署中找到 【自定义域】，设置自定义域名，输入之前托管进来的域名，按照指引完成绑定。

以上，所有设置都已完成。

现在我要发布一篇新博客时，只要在 obsidian 中打开 hugo 博客的这个库，然后使用 quickadd 新建一篇博客，写上内容，然后把 yaml 中的 published 字段值改为 true 即可（从草稿改为发布）。等待 3 分钟后 obsidian-git 插件自动同步到 github，博客就自动更新发布好了。

这篇文章就是使用新方式发布的，优雅不是一点点。

参考

Obsidian

Hugo

Github

Blog

","content_text":"[https://pic.ccino.win/OB/2024/10/202410070919391.png]\n\n自从我更换博客系统到 hugo 之后，我越来越少发博客了。原因除了最近写得少之外，就是发布起来不如之前使用 Gridea 那么方便了。\n\n参考了几篇文章，现在的发布流程为：\n\n 1. Obsidian 创建文章并写作。\n 2. 利用 obsidian-git 插件将文件自动同步到 github\n 3. Cloudflare 自动拉取 github 仓库，并自动构建为 hugo 项目，相当于省略了本地执行 hugo -D 的过程。\n\n旧的发布方式为：\n\n 1. Obsidian 中写作文章\n 2. 复制文件到 hugo 项目的 content/posts 文件夹\n 3. 然后执行 hugo -D 命令，生成静态文件\n 4. 再到 public 文件夹下使用 git 将已生成的静态文件上传到 github。Github page 作为博客展示。\n\n这个过程是非常麻烦的。\n\n今天看到木木的博客中提到的 Cloudflare，就想着改造一下。改造过程如下。\n\n\n使用到的 OBSIDIAN 插件\n\nIMAGE AUTO UPLOAD PLUGIN\n\n\n\n\n用于自动上传图片到图床。需要配合 picgo 使用。\n\nQUICKADD\n\n\n\n\n用于快速创建一篇新博客。\n\n下面是我的设置：\n\n 1. 创建一个 Template 类型的 quickadd 命令\n\n\n\n\n[https://pic.ccino.win/OB/2024/10/202410070920783.png]\n\n 1. 在根目录新建一个 _Templates 文件夹，并创建模板文件 hugo博客模板\n\n1\n2\n3\n4\n5\n6\n7\n8\n9\n---\ntitle: {{NAME}}\ntags: [{{VALUE:tag？}}]\ndate: {{DATE:YYYY-MM-DD HH:mm:ss}}\ndraft: true\nhideInList: false\nisTop: false\nfeature: \n---\n\n\nCopy\n\nPublished 字段是发布，默认设置为 false，草稿。等到文章写完并修改无误后，再修改为 true 进行发布。\n\n 1. 设置 quickadd 命令：\n\n\n\n\n[https://pic.ccino.win/OB/2024/10/202410070920356.png]\n\nOBSIDIAN-GIT\n\n\n\n\n用于自动备份文件到 github。\n\n插件设置修改如下：\n\n[https://pic.ccino.win/OB/2024/10/202410070921551.png]\n\n\n启用 CLOUDFLARE\n\n\n\n\n打开 Cloudflare Dash 导航栏 Pages ，点 创建项目，授权 Github 项目，选择博客所在仓库，选择正确的分支。\n\n添加环境变量，指定高版本 HUGO_VERSION 为 0.92.0\n\n然后部署即可。\n\n部署完成后就可以使用 cloudflare 的二级域名访问博客了。如果你像我一样有自己的独立域名，那么可以进行域名绑定。\n\n\nCLOUDFLARE 绑定独立域名\n\n\n\n\n首先第一步，把自己的域名托管到 cloudflare。参考： 如何将域名托管到 cloudflare 这篇文章。\n\n然后打开导航栏 Pages ，在右侧找到刚刚的博客站点，在设置或者部署中找到 【自定义域】，设置自定义域名，输入之前托管进来的域名，按照指引完成绑定。\n\n[https://pic.ccino.win/OB/2024/10/202410070921759.png]\n\n以上，所有设置都已完成。\n\n现在我要发布一篇新博客时，只要在 obsidian 中打开 hugo 博客的这个库，然后使用 quickadd 新建一篇博客，写上内容，然后把 yaml\n中的 published 字段值改为 true 即可（从草稿改为发布）。等待 3 分钟后 obsidian-git 插件自动同步到\ngithub，博客就自动更新发布好了。\n\n这篇文章就是使用新方式发布的，优雅不是一点点。\n\n\n参考\n\n * 木木木木木： Hugo With Obsidian\n * 木木木木木： Hi , Cloudflare Pages\n * Hugo 博客写作最佳实践\n * 如何将域名托管到 cloudflare\n\nObsidian\n\nHugo\n\nGithub\n\nBlog\n\n * \n ","date_published":"2024-10-03T08:58:52.654Z","_microfeed":{"is_audio":false,"is_document":false,"is_external_url":true,"is_video":false,"is_image":false,"web_url":"https://blog-ccino-cc.pages.dev/i/obsidian-hugocloudflare-QaUFyeEgUFJ/","json_url":"https://blog-ccino-cc.pages.dev/i/QaUFyeEgUFJ/json/","rss_url":"https://blog-ccino-cc.pages.dev/i/QaUFyeEgUFJ/rss/","guid":"QaUFyeEgUFJ","status":"published","itunes:episodeType":"full","date_published_short":"Thu Oct 03 2024","date_published_ms":1727945932654}}],"_microfeed":{"microfeed_version":"0.1.2","base_url":"https://blog-ccino-cc.pages.dev","categories":[],"subscribe_methods":[{"name":"RSS","type":"rss","url":"https://blog-ccino-cc.pages.dev/rss/","image":"https://blog-ccino-cc.pages.dev/assets/brands/subscribe/rss.png","enabled":true,"editable":false,"id":"7-6m9ozpyuG"},{"name":"JSON","type":"json","url":"https://blog-ccino-cc.pages.dev/json/","image":"https://blog-ccino-cc.pages.dev/assets/brands/subscribe/json.png","enabled":true,"editable":false,"id":"kFHio_oK78v"}],"description_text":"","copyright":"©2024","itunes:type":"episodic","items_sort_order":"newest_first"}}