布局

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
}

功能列表

语法

  • [[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: 提示语法

RSS FeedRSS订阅

LaTeX: LaTeX 语法

Mermaid Diagrams: 绘图

Full-text Search: 全局搜索

  •   / ctrl + K:搜索文章内容,自定义为 / ctrl + O
  • / ctrl + shift + K:搜索标签, / ctrl + shift + O
  • Tab and Shift+Tab: 切换搜索结果,也可以使用 ArrowUp and ArrowDown

注意❗

搜索要求配置中存在 ContentIndex emitter 插件.

自定义配:

  • 删除搜索:删除 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