幻灯片

Tue, 05 Feb 2019 00:00:00 +0000

使用 Hugo Blox Builder 和 Markdown 创建幻灯片

行内代码： variable

代码块：

porridge = "blueberry"
if porridge == "blueberry":
 print("Eating...")

行内公式： $x + y = z$

公式块：

$$ f\left( x \right) = ;\frac{{2\left( {x + 4} \right)\left( {x - 4} \right)}}{{\left( {x + 4} \right)\left( {x + 1} \right)}} $$

让内容逐步出现

{{% fragment %}} One {{% /fragment %}}
{{% fragment %}} **Two** {{% /fragment %}}
{{% fragment %}} Three {{% /fragment %}}

按 Space 播放！

One Two Three

分步显示支持两个可选参数：

为演示添加演讲者备注

{{% speaker_note %}}

- 只有演讲者可以阅读这些备注
- 按 `S` 键查看
 {{% /speaker_note %}}

按 S 键查看演讲者备注！

定制幻灯片样式与背景

{{< slide background-image="/media/boards.jpg" >}}
{{< slide background-color="#0000FF" >}}
{{< slide class="my-style" >}}

将标题设为海军蓝色。

创建 assets/css/reveal_custom.css，内容如下：

.reveal section h1,
.reveal section h2,
.reveal section h3 {
 color: navy;
}