A (...) theme for Slidev.
Add the following frontmatter to your slides.md
. Start Slidev then it will prompt you to install the theme automatically.
---
theme: prussianblue
---
Learn more about how to use a theme.
This theme provides the following layouts:
要使用下方的页面指示器,请在扉页中列出文章的大纲,并在每一页前标出相应的ID:
contents:
- Slidev简介
- 主题介绍
- 使用说明
......
---
id: 1
---
This theme provides the following components:
示例,使用方法:
<scrool h=30>
// 这里要注意空一行
...... Markdown ......
// 这里要注意空一行
</scrool>
等价于
<div class="overflow-auto max-h-30">
// 这里要注意空一行
...... Markdown ......
// 这里要注意空一行
</div>
示例,使用方法:
<mimage layout="c" url="URL" class="h-50" />
layout
为图片布局方式,有以下三种:
通过设置 h
或 w
可以控制图片的尺寸,默认为图片添加了圆角和阴影。
居中(center)(c) | 向右(right)(r) | 右上(rt) |
---|---|---|
npm install
npm run dev
to start theme preview of example.md
example.md
and style to see the changesnpm run export
to generate the preview PDFnpm run screenshot
to generate the preview PNG