使用Obsidian记笔记已经快三年时间了，搭配Remotely save插件也能很方便地多端同步，但是有时需要使用手机快速地检索某些内容，或者是分享其中的内容，使用插件同步的方案就不能满足需求了。于是我想到将Obsidian内容在线化，一经搜索发现了quartz这个项目。

现在可以通过访问 Harson’s Notes[md.harson.co] 来查阅我的Obsidian库。

Quartz

git clone https://github.com/jackyzha0/quartz.git
cd quartz
npm i
npx quartz create

Quartz是一个实现了兼容Obsidian的markdown渲染，只需要将原始Obsidian的.md文件复制到项目quartz/content 后，执行下面命令，即可编译为html代码，编译结果在quartz/public。

// Compile with 4 thread
npx quartz build --concurrency 4
// Preview
npx quartz build --serve

Quartz美化

翻阅Quratz文档时，发现作者的博客也是使用的这个框架，但是页面效果比Quartz仓库克隆下来的效果漂亮不少，例如原项目代码块的配色和字体太细了，色彩也不够鲜艳，最重要的是，作者的博客有一个非常酷炫的深色浅色模式切换动画

好在作者Jacky Zhao也将自己的博客源码开源了，通过diff发现，这个效果是在页面添加组件和自定义css实现的。

主要修改这三个文件

components/renderPage.tsx

styles/custom.scss

quartz.config.ts

我的Obsidian多端同步的方案是使用Remotely save插件使用webdav服务实现的，所以服务器本地有一份完整的.md文件，因此只要将webdav备份的md文件复制到quartz的content目录下，执行编译，然后将编译完成的html静态文件放在网站目录即可。