Remark

class: center, middle, bg-teal-400
name: 首页

Remark

官网
???
这是一个关于在 Hugo 中使用 Remark 制作幻灯片演示

在 Hugo 中使用

通过使用 partials 组件, template 模版，section 分组

1. 创建一个用于存放 Remark 内容的目录 /content/Slides
2. 创建一个 Slides 的页面模版 /layout/Slides/single.html

将 Remark 封装成一个组件

创建一个用于渲染 Remark 的 partials 组件 /layout/partials/Remark.html

1<textarea id="source" >
2    {{ .RawContent }}
3</textarea>
4
5<script src="https://remarkjs.com/downloads/remark-latest.min.js"/>
6    
7<script>
8    var slideshow = remark.create();
9</script>