前置条件
- Node版本22+
- git
- github账号
- Cloudflare Pages账号
1. 通过git方式吧Quartz 4从github仓库从拉取至本地并且搭建
git clone https://github.com/jackyzha0/quartz.git
cd quartz
npm i
npx quartz create
选择Quartz 4中 Obsidian的笔记模块文件夹
👆我们选择第一项即可
选择Quartz 4中 Obsidian的笔记模块路径模式
👆我们选择第一项默认即可
成功后会在拉取的Quartz4本地仓库中新建了一个content的文件夹 里面既是你存放Obisidian的笔记文件仓库
如果你原本就有Obisidian笔记仓库 可以复制全部至content文件夹内
2. 通过Git以及Github实现代码云同步
新建新的仓库
如果你不介意可以选择Public-公共访问
如果你介意泄露可以选择Private-私有访问
完成后点击
回到刚刚拉取的Quartz 4本地仓库 我们需要对该仓库做git初始化 我们可以通过git命令对仓库做提交
先把拉取Quartz 4本地原git的origin初始化
git remote remove origin
然后提交现在的origin
git remote add origin 新的仓库地址
让我我们用 v4 分支的方式推送到我们的github代码仓库当中
git push origin v4
成功后刷新github仓库确保是否已经推送刷新成功
最后通过 git commit git push 命令对content文件夹就行同步即可
或者使用IDEA VsCode等工具对Git进行同步推送即可
(我是使用 VsCode 中git管理仓库一键式提交 这里就不多赘述了 提交即可没有操作难度)
3. 获取域名以及自动更新
我们选择用Cloudflare Pages
https://dash.cloudflare.com/来搭建我们的域名
使用github登录后拉取github仓库进行配置即可
-
点击 Workers & Pages
-
点击 Create application
-
点击 Get started
-
我们通过git方式来获取拉取数据 选择
-
选择你对应的仓库后点击 Begin setup
-
Production branch 选项选择刚刚的 v4 分支
-
自动更新: 搭建自动化构建命令 Build command输入npx quartz build 和 Build output directory 输入public
-
完成后点击 Save and Deploy等待即可
-
等待完毕后刷新重新进入 Workers & Pages 页面会看到有一个已搭建成功的域名网站 我们可以查看该网站是否和我们的Obsidian笔记一致