目录
- [[数字花园]]的构建原理包括三个步骤:
- 五个部署方案
- 教程
- 相关教程
- 使用的平台
- 步骤
- 信息管理
这里记录的自己搭建数字花园(在线个人知识库)的经历,首先尝试的是网上普遍使用的方法,也就是本篇文章介绍的。
后面会继续进一步研究深入搭建:本地构建(Build)和部署(Deploy)、云服务器构建(Build)和部署(Deploy)、本地构建(Build)和云服务器部署(Deploy)
[[数字花园]]的构建原理包括三个步骤:
- 源代码生成:Markdown 笔记编写,通过dg插件发布出源代码
- 源代码构建成网页代码:通过npm run build 实现 Markdown → HTML + CSS + JS
- 网页代码部署:将 网页 (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)