像维基百科一样,当你在 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