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

目录

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

  • 教程
    • 相关教程
    • 使用的平台
  • 步骤
          • 信息管理

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

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

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

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

五个部署方案

  • \[netlify免费搭建数字花园\]\]:适用:数字花园需求较小,更新频率少,笔记量少

  • \[云服务器部署数字花园\]\]:适用:数字花园需求较小,更新批量高:笔记量少

  • \[本地构建+云服务器部署数字花园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

相关推荐
左左右右左右摇晃7 小时前
计算机网络笔记整理
笔记·计算机网络
不吃西红柿的857 小时前
[职场] 内容运营求职简历范文 #笔记#职场发展
笔记·职场和发展·内容运营
似水明俊德8 小时前
02-C#.Net-反射-学习笔记
开发语言·笔记·学习·c#·.net
智者知已应修善业9 小时前
【51单片机独立按键控制数码管移动反向,2片74CH573/74CH273段和位,按键按下保持原状态】2023-3-25
经验分享·笔记·单片机·嵌入式硬件·算法·51单片机
C羊驼9 小时前
C语言:两天打鱼,三天晒网
c语言·经验分享·笔记·算法·青少年编程
sheeta19989 小时前
苍穹外卖Day04笔记
笔记
今儿敲了吗13 小时前
46| FBI树
数据结构·c++·笔记·学习·算法
苦瓜小生13 小时前
【黑马点评学习笔记 | 实战篇 】| 6-Redis消息队列
redis·笔记·后端
sheeta199815 小时前
LeetCode 每日一题笔记 日期:2025.03.19 题目:3212.统计X和Y频数相等的子矩阵数量
笔记·leetcode·矩阵
巧克力味的桃子15 小时前
国名排序题笔记(字符串函数 + fgets 详解)
笔记