与维基百科类似,当您在 Quartz 中将鼠标悬停在链接上时,会出现一个页面预览弹窗,您可以滚动查看完整内容。指向标题的链接还会自动滚动弹窗以显示该特定标题。

默认情况下,由于 CORS 限制,Quartz 只会获取您知识库内部页面的预览。这是通过选择所有带有 popover-hint 类的 HTML 元素实现的。对于大多数页面,这包括页面标题、字数统计和阅读时间等元数据、标签以及实际页面内容。

创建自己的组件时,您可以添加这个 popover-hint 类,使其内容也出现在弹窗预览中。

与 Obsidian 类似,使用维基链接引用的图片也可以作为弹窗查看。

配置

  • 禁用弹窗预览:在 quartz.config.ts 中将 enablePopovers 字段设为 false
  • 样式文件:quartz/components/styles/popover.scss
  • 脚本文件:quartz/components/scripts/popover.inline.ts