Get unlimited public & private packages + package-based permissions with npm Pro.Get started »

@talltotal/vuepress-plugin-ppt

0.0.5 • 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:
    # 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
:::

操作

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

Install

npm i @talltotal/vuepress-plugin-ppt

DownloadsWeekly Downloads

3

Version

0.0.5

License

MIT

Unpacked Size

301 kB

Total Files

7

Last publish

Collaborators

  • avatar