使用markdown製作的html幻燈片有哪些?

個人經常使用nodeppt製作,請問還有哪些值得推薦的mk製作的幻燈片?


老闆只給你5分鐘,如何單手迅速做出能給他看的PPT?
這個問題,火箭君以前已經回答過了,可以參考本文最後的相關鏈接。 所以,有了今天的續集,如何用單手(也許單手指就行)更方便的做出能給他看的PPT。 這裡用到了最近大熱的效率手段:Markdown語法

關於 Markdown

首先我們稍微講講今天的主角之一,MarkDown。

最早源自於沒有圖形界面時代的 Markdown語法打兩個字就能排版),近來大熱。也許是受智能手機發展的影響,如今Markdown的運用可以說是非常廣泛了,火箭君之前的文章也有過介紹(可以參見文末的相關文章)。

咦?為什麼智能手機發展會影響 Markdown? 因為手機上受限於屏幕,排版神馬的好麻煩,打兩個字就能排版,不是很順應潮流嗎?

人懶沒辦法 ┑( ̄Д  ̄)┍

很多小夥伴表示,沒有Markdown就不知道怎麼寫文字了

可是你知道嗎? 其實 Markdown還可以用來編寫PPT的哦!

下面就和火箭君一起來看看這款軟體——Marp,幫助你用Markdown來編寫PPT。

Marp登場

Marp是一款極致簡單的幻燈片製作工具,通過Markdown語法來編寫幻燈片。

當然,它並沒有PowerPoint那樣的花里胡哨、也沒有各種主題邊框可供選擇,但是,如果你想在5分鐘內編寫出一份PPT,Marp還是妥妥的有這個效率的。

Marp特點

1.支持WindowsMac 、 和 Linux 系統。

2.簡單易上手——Marp僅包含兩種主題,一套白色、一套深色
(專治選擇恐懼症)

3.多種模式實時預覽。

4.支持emoji表情以及數學公式。 (沒有emoji的幻燈片不是好PDF)

5.所以,可以將幻燈片導出到PDF

對於簡單的運用,Marp已經完全可以掌握對PPT的編寫了,5分鐘即可編輯一份PPT,老闆都不得不誇你!

可是會有很多小夥伴會說,對Markdown的用法不是很熟悉,但這些都不是問題,火箭君之前就有寫過Markdown用法的文章,《Markdown效率用法》。

下面我們詳細講解一下用法,並舉一個實操的例子。

Marp中如何寫PPT?

先簡單介紹幾個在Marp中常用的Markdown用法。

1.標題用法:

類 atx 形式(1至6階標題)
# 一級標題
## 二級標題
…………以此類推
類 Setext形式(只有一級標題以及二級標題)
一級標題
= ==
二級標題
---

2.分頁:

上一張幻燈片的末尾「空行」,輸入「---」「空行」,即可進入一張新的幻燈片中。

3.插入圖片:

在插入圖片方面,Marp還是非常人性化的,只需拖動圖片,放入編輯頁就可以了。
如果你覺得圖片太大,還可以手動更改圖片的大小。

例如:
拖動圖片放入編輯頁後,會出現圖片的地址
「![](C:UsersxlrocketDesktop3.gif)」

這個時候你只需要在「![]」輸如百分比就行了,就好像是這樣的:「![70%]」

而當你想將圖片顯示在中間位置時,你也只需在「![]」中輸入「![center]」,這樣圖片就會顯示在中間位置了。

效果如下:

http://weixin.qq.com/r/6jn85KrEavcVre6H92z4 (二維碼自動識別)

4.列表:(有兩種方法)

其一,輸入「*」空格在輸入內容就可以了。
例如:「* 效率火箭」,顯示頁中內容即為「? 效率火箭」
其二,在「-」後空格輸入內容即可。
例如:在編輯頁中輸入「- 效率火箭」,那麼在顯示頁中的內容即是「? 效率火箭」
………………
你覺得火箭君說的不是很清楚,沒關係,在Marp中,會有現成的例子給到你,你只需點擊Marp中「Help」圖標,選擇「Open Examples」將會顯示基本主題與蓋亞主題的用法演示

你會看到在Marp中Markdown的詳盡用法。

最後

最後再告訴大家一個好消息,Marp還是完全免費的編輯器哦
其實就用它當作普通Maekdown編輯器,寫寫文字也是不錯的。

喜歡的小夥伴們在後台回復 「Marp」,火箭君將會給你提供官網鏈接哦

喜歡就關注微信公眾號:效率火箭~~


remarkjs

https://github.com/gnab/remark

impress.js

https://github.com/impress/impress.js

reveal.js

http://lab.hakim.se/reveal-js/


自己寫了一個:Morph

GitHub: awmleer/morph (求star

前段時間剛剛開始做的,主要是側重簡潔方便,直接把md文件拖過去就能立即開始放映。不過目前功能還比較簡單,打算暑假開發,當然也歡迎貢獻代碼~

下載地址:morph


很久之前有個叫 S5 的工具,寫好 html 就能當 ppt 播放:S5 Project

那時閑來無趣,就做了一個腳本詳見:neo5anderson/md5s

今天一看人家官網,已經有了完整的工具鏈:HTML slideshow tools


TechnologyX 寫markdown生成html幻燈片


在Rstudio和jupyter里都有的。

1. jupyter嘗試不多,主要也是卡在了中文輸出的地方

2.R用得多,多講講。Rstudio里新建就能看到R presentation了,但印象中對中文支持不好,跳坑後到了xie yihui開發了arranga,中文無壓力,挺好用。

---------------

多說一點,當我費了半天勁將ppt改為html後,可能是html對公式渲染慢的問題,長時間顯示不出公式;於是我就轉為pdf,但和latex類似的缺點:全屏時滑鼠左右鍵都是下一頁,而ppt右鍵還有鉛筆熒光筆等標記的工具,很實用。


RevealJs


R Markdown.


推薦閱讀:

node.js 已經淡出眾多開發者的視野了嗎?
如何評價 Node.js 8.0 ?
php 和nodejs 的各自優勢有哪些,如果無基礎開始,要學那個好?

TAG:HTML5 | Nodejs | Markdown | 演示文稿 | ppt製作 |