You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何用Quarto创建Slidy格式的单文件多页HTML演示文稿?

解决Quarto生成单文件多页HTML演示文稿的分页问题

在Quarto中,普通html格式默认不会将---识别为幻灯片/分页分隔符,要实现多页HTML演示或文档分页,可通过以下几种方法实现:

方法1:使用Quarto专门的演示文稿格式

如果需要制作类似Slidy的演示文稿,直接改用Quarto内置的演示格式(如revealjs),此时---会自动被识别为幻灯片分隔线。修改文档的YAML头部即可:

---
title: "Test document"
format: revealjs
---

渲染后会生成可切换的多页演示文稿,原文档中的---会将内容分割为独立幻灯片。

方法2:在普通HTML文档中插入分页符

若需保持普通HTML格式但实现分页,可使用Quarto的自定义块:::{.page-break}来插入分页标记:

## Running Code

点击**Render**按钮后,生成的文档将同时包含内容和嵌入代码的输出。你可以这样嵌入代码:

```{r}
1 + 1

:::{.page-break}
:::

你可以给可执行代码添加选项,比如:

#| echo: false
2 * 2
渲染后,`:::{.page-break}`所在位置会触发分页,屏幕显示和打印时都会将内容分开。

## 方法3:将`---`设置为分页符
如果你习惯用`---`作为分页标记,可以通过自定义CSS实现。首先创建一个CSS文件(比如`styles.css`),添加以下样式:

```css
hr {
  page-break-after: always;
  visibility: hidden; /* 可选:隐藏默认的水平线条 */
}

然后在Quarto文档的YAML头部引用该CSS:

---
title: "Test document"
format: 
  html:
    css: styles.css
---

这样文档中的---就会被处理为分页符,同时可选择隐藏默认的水平线条样式。

内容的提问来源于stack exchange,提问作者Javad-Faradmal

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.08 14:01:02