Origin Quartz installation.
See the documentation for how to get started.
Steps
- 项目拉取
git clone https://github.com/jackyzha0/quartz.git quartz-doc
cd quartz-doc
bun install
bun --bun ./quartz/bootstrap-cli.mjs create- 配置项
在quartz.config.ts中配置i18N并启用换行插件Plugin.HardLineBreaks()
configuration.locale = "zh-CN"
configuration.baseUrl = "docs.bamboo.cc"- 排版样式
在quartz/styles/custom.scss中定义有序列表、无序列表的样式，支持图片居中、靠左、靠右对齐
提供了自定义tooltip标签的样式及示例<pink>
- 图片预览
在客户端提供图片预览功能，实现了左旋90°、右旋90°、全屏预览等功能，支持自适应缩放及拖动查看，适应页面亮暗设置，布局精巧美观。
脚本：quartz/components/scripts/imagePreview.inline.ts
css样式：quartz/components/styles/imagePreview.scss
在quartz/components/Body.tsx中引入并配置该脚本。
- 运行与构建
输出到public目录
bun --bun --hot ./quartz/bootstrap-cli.mjs build --serve
bun --bun ./quartz/bootstrap-cli.mjs build
cd public
# 测试生产打包
bunx serve .