@talltotal/vuepress-plugin-ppt

0.0.6 • Public • Published

@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:
    title: '@talltotal/vuepress-plugin-ppt'
    # whether to display pagination
    showPage: true
    # custom style apply on each page
    baseStyle: 'text-shadow: 0 0 2px rgba(0,0,0,0.2);'
    # 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
:::

操作

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

Package Sidebar

Install

npm i @talltotal/vuepress-plugin-ppt

Weekly Downloads

0

Version

0.0.6

License

MIT

Unpacked Size

12.2 kB

Total Files

7

Last publish

Collaborators

  • talltotal