Dark Mode

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings
This repository was archived by the owner on Feb 20, 2025. It is now read-only.

ksky521/nodeppt

Repository files navigation

nodeppt 2.0

Lei Si Lei Huo Gan Bu Guo Zuo PPT De !
> Cha Kan Xiao Guo :https://nodeppt.js.org

nodeppt 2.0 Ji Yu webslides, webpack, markdown-it, posthtml Zhong Gou ,Xin Xiao Guo

Install

npm install -g nodeppt

TODO

  • bug fix
  • Zeng Jia Duo Ye Bian Ji Gong Gong Zi Yuan ,Shuo Ren Hua Jiu Shi splitChunks

Usage

Jian Hua Liao ,Jiu San Ge Ming Ling :

  • new:Shi Yong Xian Shang Mo Ban Chuang Jian Yi Ge Xin De md Wen Jian
  • serve:Qi Dong Yi Ge md Wen Jian De webpack dev server
  • build:Bian Yi Chan Chu Yi Ge md Wen Jian
# create a new slide with an official template
$ nodeppt new slide.md

# create a new slide straight from a github template
$ nodeppt new slide.md -t username/repo

# start local sever show slide
$ nodeppt serve slide.md

# to build a slide
$ nodeppt build slide.md

Bang Zhu

# help
nodeppt -h
# Huo Qu Bang Zhu
nodeppt serve -h

Yan Jiang Zhe Mo Shi

nodeppt You Yan Jiang Zhe Mo Shi ,Zai Ye Mian url Hou Mian Zeng Jia ?mode=speaker Ji Ke Yi Da Kai Yan Jiang Zhe Mo Shi ,Shuang Ping Tong Bu

Keyboard Shortcuts

  • Page: |/|/-/- Space Home End
  • Fullscreen: F
  • Overview: -/+
  • Speaker Note: N
  • Grid Background: Enter

Gong Gong Zi Yuan :public Wen Jian Jia

Ru Guo Xiang Mu Wen Jian Jia Xia ,Cun Zai publicWen Jian Jia ,Ke Yi Zhi Jie Tong Guo url Fang Wen ,Can Kao webpack dev serverDe contentBase Xuan Xiang .

Zai buildDe Shi Hou ,public Wen Jian Jia Zhong De Wen Jian Hui Wan Quan copy Dao distWen Jian Jia Zhong

Bian Xie

Zui Jia Ti Yan Shi chrome Liu Lan Qi ,Ben Lai Jiu Shi Gei Zuo Yan Shi Yong De ,Suo Yi Jiu Bie Kao Lu Fei Chrome Liu Lan Qi Jian Rong Wen Ti Liao !

Zhe Li Shuo Xia Zen Yao Bian Xie .

Ji Ben Yu Fa

Zheng Ge markdown Wen Jian Fen Wei Liang Bu Fen ,Di Yi Bu Fen Shi Xie Zai Zui Qian Mian De Pei Zhi ,Ran Hou Shi Shi Yong Ge Kai De Mei Ye Huan Deng Pian Nei Rong .

Pei Zhi

nodeppt De Pei Zhi Shi Zhi Jie Xie Zai md Wen Jian Ding Bu De ,Cai Yong yaml Yu Fa ,Li Ru Xia Mian Pei Zhi :

title: nodeppt markdown Yan Shi
speaker: San Shui Qing
url: https://github.com/ksky521/nodeppt
js:
- https://www.echartsjs.com/asset/theme/shine.js
prismTheme: solarizedlight
plugins:
- echarts
- mermaid
- katex
  • title: Yan Jiang Zhu Ti
  • speaker:Yan Jiang Zhe
  • url:Di Zhi
  • js:js Wen Jian Shu Zu ,Fang Dao body Zhi Qian
  • css:css Wen Jian Shu Zu ,Fang Dao Tou Bu
  • prismTheme:prism Pei Se ,Qu Zhi Fan Wei ['dark', 'coy', 'funky', 'okaidia', 'tomorrow', 'solarizedlight', 'twilight']
  • plugins:Mu Qian Zhi Chi echarts,mermaidHe katex San Ge Cha Jian

Cha Jian

Mu Qian nodeppt Zhi Chi Tu Biao echarts,Liu Cheng Tu mermaid,Shu Xue Fu Hao KaTeX San Ge Cha Jian .

echarts

echarts Zhu Ti Pei Se Ke Yi Zhi Jie Zai yamlPei Zhi De js Zhong Yin Ru . echarts Cai Yong fenceYu Fa ,Ru Xia :

{
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line'
}]
}

Xiang Jian site/echarts.md

mermaid

mermaid Zhu Ti Pei Se Ke Yi Zhi Jie Zai yamlPei Zhi De js Zhong Yin Ru . mermaid Cai Yong fenceYu Fa ,Ru Xia :

sequenceDiagram
Alice ->> Bob: Hello Bob, how are you?
Bob-->>John: How about you John?
Bob--x Alice: I am good thanks!
Bob-x John: I am good thanks!
Note right of John: Bob thinks a long
long time, so long
that the text does
not fit on a row.

Bob-->Alice: Checking with John...
Alice->John: Yes... John, how are you?
Loading

Xiang Jian site/mermaid.md

ketex

Can Kao :markdown-it-katexYu Fa

Yu Fa

nodeppt Hui Gen Ju Dui Zheng Ge markdown Wen Jian Jin Xing Chai Fen ,Chai Cheng Dan Ye De Huan Deng Pian Nei Rong . Biao Qian Zhi Chi Xia Mian Biao Qian :

  • class/style Deng :Zheng Chang De class Lei ,Ke Yi Tong Guo Zhe Ge Kong Zhi Ju Zhong (aligncenter),Nei Rong Wei Zhi ,Bei Jing Se Deng
  • image:Bei Jing Tu Pian ,Ji Ben Yu Fa image="img_url"
  • video:Bei Jing Shi Pin ,Ji Ben Yu Fa video="video_src1,video_src2"
  • :class:wrap De class,Xia Mian Xiang Jie

Mei Ge slide Hui Jie Xi Cheng Xia Mian De html Jie Gou :

<section class="slide" attrs...><div class="wrap" wrap="true">// Ju Ti markdown Xuan Ran De Nei Rong div>section>

Qi Zhong De classDeng Hui Bei Jie Xi Dao

Biao Qian Shang Mian ,Er :classZe Bei Jie Xi Dao div.wrapShang Mian ,Li Ru :

<slide :class="size-50" class="bg-primary">slide>

output Wei :

<section class="slide bg-primary"><div class="wrap size-50" wrap="true">// Ju Ti markdown Xuan Ran De Nei Rong div>section>

Bei Jing :Tu Pian

De image Hui Bei Jie Xi Cheng Bei Jing Da Tu ,Chang Jian De Zhi Chi Fang Shi You :

<slide image="https://source.unsplash.com/UJbHNoVPZW0/">

# Zhe Shi Yi Ge Pu Tong De Bei Jing Tu

<slide image="https://source.unsplash.com/UJbHNoVPZW0/ .dark">

# Zhe Zhang Bei Jing Tu Hui Zai Tu Pian Shang Mian Meng Yi Ceng Pian Hei Se De Tou Ming Ceng

<slide image="https://source.unsplash.com/UJbHNoVPZW0/ .light">

# Zhe Zhang Bei Jing Tu Hui Zai Tu Pian Shang Mian Meng Yi Ceng Pian Bai Se De Tou Ming Ceng

<slide class="bg-black aligncenter" image="https://source.unsplash.com/n9WPPWiPPJw/ .anim">

# Zhe Zhang Bei Jing Tu Hui Huan Man Dong

Xiang Jian site/background.mdHe Zai Xian Yan Shi

Yang Shi

Yang Shi Tai Duo ,Ju Ti Xiang Jian site/classes.mdHe Zai Xian Yan Shi

Bu Ju

nodeppt Zhe Ci Shi Yong webslidesDe Bu Ju ,Zhi Chi Feng Fu De Bu Ju ,Shi Zai Tai Duo Liao ,Zhi Jie Kan Wen Dang site/layout.mdHe Zai Xian Yan Shi

attribute

Can Kao markdown-it-attrs,Zhi Chi Liao attribute,Xiu Gai Zeng Jia Duo class Zhi Chi Deng Gong Neng .

Qi Zhong :..classHui Wang Shang Yi Ji Jie Dian Tian Jia class,Zhi Chi {.class1.class2}Zhe Chong Duo class De Yu Fa . Yong Fa Ju Li :

# header {.style-me.class2}

paragraph {data-toggle=modal}

Output:

<h1 class="style-me class2">headerh1>
<p data-toggle="modal">paragraphp>
Use the css-module green on this paragraph. {.text-intro}

Output:

<p class="text-intro">Use the css-module green on this paragraph.p>
- list item **bold** {.red}

Output:

<ul>
<li class="red">list item <strong>boldstrong>li>
ul>
- list item **bold**
{.red}

Output:

<ul class="red">
<li>list item <strong>boldstrong>li>
ul>

image Zeng Qiang

Dui Yu image ,Zhi Chi Wai Mian Bao Guo Yi Ceng De Xie Fa ,Ju Ti Yu Fa !![](Tu Pian Di Zhi Shu Xing ),Li Ru :

!![](https://webslides.tv/static/images/iphone.png .size-50.alignleft)

Output:

<img src="https://webslides.tv/static/images/iphone.png" class="size-50 alignleft" />
!![figure](https://webslides.tv/static/images/setup.png .aligncenter)

Output:

<figure><img src="https://webslides.tv/static/images/setup.png" class="aligncenter" />figure>

button

nodeppt De button Shi Lei Si linkYu Fa De ,Zhi Chi Lan Se , Yuan Jiao , Kong Xin He icon Ban Ben De button:

[Pu Tong An Niu ](){.button} [Yuan Jiao Pu Tong An Niu ](){.button.radius}

[Kong Xin ](){.button.ghost} [:fa-github: Qian Mian Dai icon](){.button}

Icon:FontAwesome

nodeppt De icon Zhi Chi FontAwesome Yu Fa :

  • :fa-xxx: -
  • :~fa-xxx:~ -
  • ::fa-xxx:: - Kuai Ji ,Ji Bu Hui Bei pBao Guo

span

Dai Ma Xiu Gai Zi markdown-it-span,Zhi Chi attrYu Fa ,Ji Ben Yong Fa :

:span:
:span: {.text-span}

Dong Xiao

nodeppt Yi Ru Ji Wang De Zhi Chi Dong Xiao ,2.0 Ban Ben Zhi Chi Dong Xiao Zhu Yao Shi Ye Mian Nei De Dong Xiao .

Zhi Chi Dong Xiao Bao Gua :

  • fadeIn
  • zoomIn
  • rollIn
  • moveIn
  • fadeInUp
  • slow

Zai Xu Yao Zhi Chi De Dong Xiao Fu Jie Dian Tian Jia .buildHuo Zhe Zai Ju Ti De Mou Ge Yuan Su Shang Tian Jia .tobuild+Dong Xiao classJi Ke .

An Zhao Guan Li ,nodeppt Huan Zhi Chi animate.cssDe Dong Xiao E ~

Xiang Xi Cha Kan Wen Jian :site/animation.mdHe Zai Xian Yan Shi

Shi Yong Qiang Da De :::Wan Cheng Fu Za Bu Ju

:::Yu Fa Shi Kuo Zhan Liao markdown-it-container Yu Fa ,Mo Ren Shi Ren Yi tag,Li Ru

:::div {.content-left}

## title

:::

Output:

<div class="content-left"><h2>titleh2>div>

Huan Zhi Chi ,tag Qian Tao ,Chu Ci Zhi Wai ,Zhi Chi De Zu Jian Bao Gua :

  • card:Qia Pian ,Yi Bian Shi Tu Pian ,Yi Bian Shi Nei Rong
  • column:column Duo Lan Bu Ju
  • shadowbox:Dai Yin Ying De He Zi
  • steps:Bu Zou Zu Jian
  • cta:
  • gallery:Tu Pian
  • flexblock:flex block Bu Ju ,Zhi Chi Duo Ge Zi Lei Xing
  • note: Yan Jiang Zhu Shi

Ji Ben Yu Fa Shi :

:::TYPE {.attrs}

## Di Yi Bu Fen

Shi Yong hr Biao Qian Ge Kai

---

## Di Er Bu Fen

Zhe Li De Nei Rong Ye Shi E

:::

Xiang Xi Ke Yi Kan component Bu Fen De markdown Wen Jian He Zai Xian Yan Shi

Da Yin ?Dao Chu pdf?

chrome Liu Lan Qi ,Zhi Jie Zai Di Yi Ye command+P/ctrl+P Ji Ke

Gao Ji Wan Fa

Ru Guo Shang Mian

nodeppt.config.js

Zai nodeppt Zhi Xing Lu Jing Xia Chuang Jian nodeppt.config.jsWen Jian ,Ke Yi Pei Zhi Gen webpackXiang Guan De Xuan Xiang ,Ling Wai Ke Yi Zhi Chi Zi Yan nodeppt Cha Jian .

Mo Ren Nei Zhi De config.jsNei Rong Ru Xia :

{ try { return require('os').cpus().length > 1; } catch (e) { return false; } }, // multi-page config pages: undefined, //