0.0.5 • Published 2 years ago

@talltotal/vuepress-plugin-ppt v0.0.5

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

@talltotal/vuepress-plugin-ppt

install

yarn add -D @talltotal/vuepress-plugin-ppt
# OR npm install -D @talltotal/vuepress-plugin-ppt

Usage

config.js 中引入

module.exports = {
    plugins: ['@talltotal/vuepress-plugin-ppt'] 
}

在 md 文档中使用

  1. frontmatter 增加 ppt 组件的配置,以及一些隐藏其他页面元素的设置
    • showPage Boolean 是否显示分页下标
    • listStyle Object 页面自定义样式,以页码为key
  2. 正文部分用 ::: ppt + ::: 包裹,中间以 ---- 为分页标识

另外,最好在组件外加个容器或自定义布局

Additionally, you can add a container or custom layout outside the component

---
navbar: false
# ppt options
ppt:
    # whether to display pagination
    showPage: true
    # custom page-style with page number as 'key'
    listStyle:
        1: 'background-image: url(/imgs/bg.jpg)'
---

::: ppt
# page one
xxxx

----

# page two
xxxx

----

# page three
xxxx
:::

操作

  • 键盘
    • ⬆️⬅️:上一张
    • ⬇️➡️:下一张
  • 手势
    • 向左划:上一张
    • 向右划:下一张
0.0.5

2 years ago

0.0.4

3 years ago

0.0.3

3 years ago

0.0.2

3 years ago

0.0.1

3 years ago