1.Quartz

克隆项目并运行

git clone https://github.com/jackyzha0/quartz.git
cd quartz
npm i
npx quartz create
npx quartz build --serve #开发模式
npx quartz build  #打包

打包后/public下为静态网页内容

2.Github

  1. 在github创建一个新的仓库,私有仓库即可,随后在personal-access-tokens创建一个仅允许访问该仓库的token,将Repository permissions相关的权限拉满即可
  2. 记住生成的token,后续会用到
  3. 将第一步的项目推送到该仓库

3.Obsidian

  1. Obsidian中下载quartz-syncer插件,按要求输入仓库名、用户名以及上一步生成的token
  2. 其他选项根据个人需求选择,其中Integration选项中Enable Dataview integration选项打开
  3. 选择某一个笔记,打开命令面板,搜索quartz,选择Quartz Syncer: Add publication flag这个命令,该命令会为当前笔记添加publish的元数据,以为着插件会同步当前的笔记,无该元数据的笔记不会被同步
  4. 左侧的工具栏中点击quartz-syncer插件图标,会打开发布中心的界面,选择要更新的笔记内容或是需要取消发布的内容
  5. 该插件会与Github仓库内容进行同步,可在Github网页查看具体动态

4.Netlify

Netlify 是一个前端部署与自动化平台,广泛用于部署静态网站、前端框架项目(如 React、Vue、Svelte 等),以及支持 Jamstack 架构的现代 Web 应用。它集成了构建、部署、CDN 分发、CI/CD 自动化等功能,开发者只需几步就能将代码部署到全球网络节点上。

  1. 登录 Netlify 并授权 GitHub
  2. 选择要部署的仓库
  3. 设置构建命令( npx quartz build)和发布目录(public
  4. 点击部署,几分钟后即可访问生成的公开 URL

可参考Quartz v4官方文档-部署

相关链接