nodeppt 2.0一个用md做ppt的软件

nodeppt 2.0

累死累活干不过做 PPT 的！
> 查看效果：https://nodeppt.js.org

nodeppt 2.0 基于webslides、webpack、markdown-it、posthtml 重构，新效果

Install

TODO

• bug fix

Usage

简化了，就三个命令：

• new：使用线上模板创建一个新的 md 文件
• serve：启动一个 md 文件的 webpack dev server
• build：编译产出一个 md 文件

帮助

演讲者模式

nodeppt 有演讲者模式，在页面 url 后面增加 既可以打开演讲者模式，双屏同步

Keyboard Shortcuts

• Page: ↑/↓/←/→ Space Home End
• Fullscreen: F
• Overview: -/+
• Speaker Note: N
• Grid Background: Enter

公共资源：public 文件夹

如果项目文件夹下，存在文件夹，可以直接通过 url 访问，参考的 选项。

在的时候，public 文件夹中的文件会完全 copy 到文件夹中

编写

最佳体验是 chrome 浏览器，本来就是给做演示用的，所以就别考虑非 Chrome 浏览器兼容问题了！

这里说下怎么编写。

基本语法

整个 markdown 文件分为两部分，第一部分是写在最前面的配置，然后是使用隔开的每页幻灯片内容。

配置

nodeppt 的配置是直接写在 md 文件顶部的，采用 yaml 语法，例如下面配置：

• title: 演讲主题
• speaker：演讲者
• url：地址
• js：js 文件数组，放到 body 之前
• css：css 文件数组，放到头部
• prismTheme：prism 配色，取值范围
• plugins：目前支持 echarts，mermaid和 katex 三个插件

插件

目前 nodeppt 支持 图表 echarts，流程图 mermaid，数学符 KaTeX 三个插件。

echarts

echarts 主题配色可以直接在配置的 js 中引入。echarts 采用语法，如下：

详见site/echarts.md

mermaid

mermaid 主题配色可以直接在配置的 js 中引入。mermaid 采用语法，如下：