布局
export interface FullPageLayout {
head: QuartzComponent // single component
header: QuartzComponent[] // laid out horizontally
beforeBody: QuartzComponent[] // laid out vertically
pageBody: QuartzComponent // single component
left: QuartzComponent[] // vertical on desktop, horizontal on mobile
right: QuartzComponent[] // vertical on desktop, horizontal on mobile
footer: QuartzComponent // single component
}
功能列表
Wikilinks: 双向链接
语法
[[Path to file]]:生成指向Path to file.md(或Path-to-file.md)的链接,其中包含文本Path to file[[Path to file | Here's the title override]]:生成指向Path to file.md文本Here's the title override的链接[[Path to file#anchor|Anchor]]:生成指向文件中Path to file.md锚点Anchor的链接[[Path to file#block-ref|^block-ref]]:生成指向文件中Path to file.md特定块block-ref的链接
嵌入
![[Path to image]]:将图像嵌入到页面中![[Path to image|100x145]]:将尺寸为 100 像素 x 145 像素的图像嵌入到页面中![[Path to file]]:包含整个页面![[Path to file#anchor|Anchor]]:包含标题Anchor下的所有内容![[Path to file#b15695|^b15695]]:具有 ID^b15695的嵌入块
Popover Previews :双向链接预览
原理是通过 popover-hint 类来选中所有 HTML 元素来实现。
图片双向链接也可以做为提示框实现预览。
自定义配置。
- 删除 popovers: 在
quartz.config.ts中设置enablePopovers为false。 - 样式:
quartz/components/styles/popover.scss - 脚本:
quartz/components/scripts/popover.inline.ts
Recent Notes:最近的笔记
在 quartz. layout. ts 文件中配置, Component.RecentNotes 。
Private Pages: 页面私有化
Graph View:关系图谱
Explorer: 资源管理器
Quartz 具有一个资源管理器,可让您浏览网站上的所有文件和文件夹。它支持嵌套文件夹,并且高度可定制。
Callouts: 提示语法
Backlinks: 反向链接
RSS Feed:RSS订阅
LaTeX: LaTeX 语法
Mermaid Diagrams: 绘图
Full-text Search: 全局搜索
-
⌘/ctrl+K:搜索文章内容,自定义为⌘/ctrl+O。 ⌘/ctrl+shift+K:搜索标签,⌘/ctrl+shift+O。TabandShift+Tab: 切换搜索结果,也可以使用ArrowUpandArrowDown。
注意❗
搜索要求配置中存在
ContentIndexemitter 插件.
自定义配:
- 删除搜索:删除 from
quartz.layout.ts的所有Component.Search()用法。 - 组件:
quartz/components/Search.tsx - 样式:
quartz/components/styles/search.scss - 脚本:
quartz/components/scripts/search.inline.ts - 您可以编辑
contextWindowWords,numSearchResults或numTagResults根据您的需要
Docker Support: Docker 支持
插件列表
ContentIndex: 生成 html 。
Flexsearch: 全文本搜索,10 ms 能搜索 500 万字。
组件列表

案例展示





















常见问题
Quartz 生成的链接不包含 .html 扩展
将 public 目录复制到 Web 服务器,并将其配置为提供文件。您可以使用任何 Web 服务器来托管您的站点。由于 Quartz 生成的链接不包含 .html 扩展,因此您需要让您的 Web 服务器知道如何处理它。
使用 Nginx
下面是如何使用 Nginx 执行此操作的示例:
nginx.conf
server {
listen 80;
server_name example.com;
root /path/to/quartz/public;
index index.html;
error_page 404 /404.html;
location / {
try_files $uri $uri.html $uri/ =404;
}
}腾讯云服务器开启忽略 .html
