【数字花园】个人知识库网站搭建：①netlify免费搭建数字花园

目录

• \[数字花园]的构建原理包括三个步骤：
• 五个部署方案
• 教程
• • 相关教程
  • 使用的平台
• 步骤
• • • • • 信息管理

这里记录的自己搭建数字花园（在线个人知识库）的经历，首先尝试的是网上普遍使用的方法，也就是本篇文章介绍的。

后面会继续进一步研究深入搭建：本地构建(Build)和部署(Deploy)、云服务器构建(Build)和部署(Deploy)、本地构建(Build)和云服务器部署(Deploy)

\[数字花园]的构建原理包括三个步骤：

1. 源代码生成：Markdown 笔记编写，通过dg插件发布出源代码
2. 源代码构建成网页代码：通过npm run build 实现 Markdown → HTML + CSS + JS
3. 网页代码部署：将 网页 (HTML + CSS + JS) 部署到服务器

五个部署方案

• \[netlify免费搭建数字花园]：适用：数字花园需求较小，更新频率少，笔记量少
• \[本地部署数字花园]：适用：有公网ip或局域网（校园网）内使用
• \[云服务器部署数字花园]：适用：数字花园需求较小，更新批量高：笔记量少
• \[本地构建+云服务器部署数字花园]：适用：数字花园需求较小，更新批量高：笔记量少
• \[本地构建+云服务器部署数字花园plus]：适用：数字花园需求较大，更新批量高：笔记量大

教程

比较简单，网上都有现成教程，不重复记录了，这里引用别人的教程：https://zhuanlan.zhihu.com/p/677556713

相关教程

主要参考这个教程： https://zhuanlan.zhihu.com/p/677556713

vercel不支持中文文件夹和文件名，目前没找到原因，用Netlift平替

搭建思路参考： AboutTheGarden --- 🌱 oldwinterの数字花园

使用的平台

obsidian: Obsidian - Sharpen your thinking

digital garden: Digital Garden - Publish Obsidian Notes For Free

github: GitHub · Build and ship software on a single, collaborative platform · GitHub

netlify（一定程度的免费，免费300分钟部署时间）: Scale & Ship Faster with a Composable Web Architecture | Netlify

步骤

• digital garden官网点一键部署链接(快速搭建方案)，Hosting alternatives，然后绑定自己的github
• 创建好后在obsidian安装digital garden插件，配置连接github仓库
• 在笔记页面开头添加好属性true后，点击obsidian左边的树苗图表发布笔记到github的部署源码里
• 每次发布后netilify都会自动重新部署数字花园网站

信息管理

Netlify数字花园部署网站管理页面Site overview | czc-dg | Netlify

我的数字花园网站链接：主页（已经不再使用，现在全部转到阿里云去了，主页链接：www.czchx.cc）