TheoCUC / slidev-theme-prussianblue

a nice slidev theme
35 stars 12 forks source link

slidev-theme-prussianblue

NPM version

Netlify Status

Live demo

A (...) theme for Slidev.

Install

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.

Layouts

This theme provides the following layouts:

cover

cover

default page

要使用下方的页面指示器,请在扉页中列出文章的大纲,并在每一页前标出相应的ID:

contents:
  - Slidev简介
  - 主题介绍
  - 使用说明

......

---
id: 1
---

about

Components

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 为图片布局方式,有以下三种:

通过设置 hw 可以控制图片的尺寸,默认为图片添加了圆角和阴影。

居中(center)(c) 向右(right)(r) 右上(rt)
居中布局 向右 右上

已知问题

Contributing