1.Quartz
克隆项目并运行
git clone https://github.com/jackyzha0/quartz.git
cd quartz
npm i
npx quartz createnpx quartz build --serve #开发模式
npx quartz build #打包打包后/public下为静态网页内容
2.Github
- 在github创建一个新的仓库,私有仓库即可,随后在personal-access-tokens创建一个仅允许访问该仓库的token,将
Repository permissions相关的权限拉满即可 - 记住生成的token,后续会用到
- 将第一步的项目推送到该仓库
3.Obsidian
- 在
Obsidian中下载quartz-syncer插件,按要求输入仓库名、用户名以及上一步生成的token - 其他选项根据个人需求选择,其中
Integration选项中Enable Dataview integration选项打开 - 选择某一个笔记,打开命令面板,搜索
quartz,选择Quartz Syncer: Add publication flag这个命令,该命令会为当前笔记添加publish的元数据,以为着插件会同步当前的笔记,无该元数据的笔记不会被同步 - 左侧的工具栏中点击quartz-syncer插件图标,会打开发布中心的界面,选择要更新的笔记内容或是需要取消发布的内容
- 该插件会与Github仓库内容进行同步,可在Github网页查看具体动态
4.Netlify
Netlify 是一个前端部署与自动化平台,广泛用于部署静态网站、前端框架项目(如 React、Vue、Svelte 等),以及支持 Jamstack 架构的现代 Web 应用。它集成了构建、部署、CDN 分发、CI/CD 自动化等功能,开发者只需几步就能将代码部署到全球网络节点上。
- 登录 Netlify 并授权 GitHub
- 选择要部署的仓库
- 设置构建命令(
npx quartz build)和发布目录(public) - 点击部署,几分钟后即可访问生成的公开 URL