做投影片用什麼?如果你的回答是用PowerPoint,有沒有感覺弱爆了?好吧,也許你會說用開源的替代,比如openOffice/Libreoffice。當然其實本質都是一樣的,那就是PPT!
從今天開始不要再說、再用 PPT這三個字母了! 我們現在要重新定義,使用它本來的名稱投影片!,即便是要裝B用英文的話,也要用Slides這個詞!
今天開始,這些都不用了,我將會最有Geek風格的投影片製作方法,也就是Markdown+HTML5的方法。先來說這種方式有什麼好處:
採用”輕文本標記型語言“,主要是Markdown語言。文檔和格式分開,輕便簡單方便操作
採用HTML5技術,先進快捷。在瀏覽器中打開投影片,非常簡單易行。大多數現代瀏覽器(IE瀏覽器和國產山寨瀏覽器除外)都是支持的。
非常酷,因爲大多是用Javascript腳本實現的,所以想要多酷就有多酷,完全自由!
因爲是網頁格式,不用擔心中文的問題(與Latex Beamer相比較)。只要瀏覽器能顯示和渲染就行。
易於分享,只要放到網站上即可,看的人不需要安裝任何軟件!所以目前有越來越多的項目在github上弄個網頁來展示投影片。
即便不會Javascript和HTML5的語法也沒關係,只要用Markdown和一些工具,就能完全自由的製作投影片咯!
像寫代碼一樣寫投影片,非常有Geek Style!
既然是要用Markdown,那麼首先用markdown來寫一個演講稿大綱,並把這個大綱按照投影片的方式整理一下:
% 主標題 % 演講人 % 日期時間 ---- # 投影片的標題 ## 副標題 - 列表 - 列表項**強調的內容** - 列表項3 ---- #又一個投影片的標題 1. 有序列表1 2. 有序列表2 *斜體的內容* ---- # 第三張投影片 ! [圖片](image/press.jpg)
Markdown+Impress.js
這是我第一個嘗試的辦法,有個項目叫mdpress,它可以實現Markdown+Impress.js的結合,可以參考這篇文章。如果不想看英文呢,我就說說如何在Ubuntu下安裝mdpress,簡單至極:
首先安裝需要的包:
sudo apt-get install gem ruby-1.9.1-dev
然後安裝mdpress:
sudo gem install mdpress
剩下的就是把投影片"編譯"一下:
mdpress slides.md
此時會在當前目錄下得到一個叫slides的目錄,這個目錄名和上面的文件名是一樣的,然後進入這個目錄可以看到一個index.html網頁,用任何現代瀏覽器(Firefox\Chrome\Opera)打開即可。
左右鍵控制翻頁,大多數瀏覽器用F11來全屏瀏覽。
Impress.js還有恨多非常酷的特效,在markdown寫的投影片裏用至少三個連續短線"----"來分割投影片,在短線下面可以寫上一些impress.js提供的特效參數。最終版,源文件
mdpress項目還有一些示例可以看看,項目主頁:https://github.com/egonSchiele/mdpress
Markdown+Pandoc+Reveal.js
這是最近剛剛發現的一個,實現的最終效果和上一個差不多,但是我覺得更炫。這是由Reveal.js提供的,自帶了好幾個主題包,其3D效果非常炫。我這裏還要用到Pandoc,所以安裝略有點複雜。可以看這篇文章和這篇文章。
首先是安裝pandoc。
sudo apt-get install pandoc
然後需要下載reveal.js項目的代碼https://github.com/hakimel/reveal.js/archive/master.zip
解包,進入目錄。然後下載這個gist得到template-revealjs.html文件,放到revel.js項目根目錄下。
準備好演講用的投影片文件比如slides.md,也放到reveal.js的根目錄下,然後在命令行執行:
pandoc -t html5 --template=template-revealjs.html \ --standalone --section-divs \ --variable theme="beige" \ --variable transition="linear" \ slides.md -o slides.html
上面這段有很多參數,其中theme可以指定reveal.js自帶的主題,transition可以指定reveal.js自帶的切換效果。-o後面的文件名就是“編譯”完成以後的投影片。直接用瀏覽器打開即可。最終效果
用上下左右鍵來翻頁,用ESC可以看到整個投影片結構(這是比impress進步的一點)。注意頁面右下角有操作提示,非常方便!
如果以上步驟嫌麻煩,那麼reveal.js還開發了一個完全所見即所得的網站,在線製作投影片,在線播放! http://www.rvl.io/
結論
以上兩種方法各有優缺點,如果想表達效果更炫,可以選用reveal.js的方法。如果想要更簡單快捷的製作投影片可以選用impress.js的方法。
總之,無論使用以上何種方法,都遠好於用PPT!