三款開源工具讓你的演示脫穎而出

---

不論是在商業圈還是在學術界，演示都是生活中不可或缺的一部分。一般來說，做一個演示就意味著做幾張幻燈片，微軟的PPT，Apple的 Keynote，LibreOffice的Impress都是常見的選擇。撇開前兩個應用的閉源性質不談，這些應用的問題在於如果你要檢視你準備的內容， 你就必須在演示的電腦上安裝對應的軟體。如果想線上展示的話，你也可以嘗試用谷歌的Drive或者類似的其他服務碰碰運氣，不過能否成功就看人品了。

這些年，用來建立幻燈片的演示框架數目激增，這些框架充分發揮了HTML5、CSS3和JavaScript的優勢，只需要一個普通的瀏覽器就可以 建立屬於你的幻燈片。再也不需要擔心檔案的相容性，不需要擔心某一天文件會被某個特殊的網路服務加鎖。因為這些幻燈片框架都是開源的，所以我們可以隨心所 欲地對這些框架進行一些自定義修改。不過說句實在話，和用PowerPoint、Keynote、Impress相比，寫HTML5、CSS3和 JavaScript的程式碼要略微複雜一點。

接下來介紹一下三款開源工具，可以讓你的演示脫穎而出。

Impress.js

Impress.js是Bartek Szopka受到 Prezi的 啟發開發的一個演示工具框架，利用CSS3提供優於傳統幻燈片的演示體驗。 演示者可以用impress.js輕鬆實現各種旋轉、滑動、放縮特效，足以讓觀眾驚歎。impress.js依賴於傳統的Web技術 （HTML+CSS+JavaScript），意味著不會將使用者捆綁到某種特定的軟體或者網路服務上。因為它是遵循 MIT和 GPLv2+協 議的，所以你可以對impress.js的原始碼做任意修改。impress.js充分利用了最新的Web技術，所以需要一個比較流行的網頁瀏覽器，最近版 本的Chrome、Firefox、Safari、IE基本就能滿足要求。建立一個impress.js應用並不是很容易，即使對於有一定HTML和 CSS基礎的人來說也是如此。impress.js中，基本的標記很容易懂，但是想做出很複雜的演示，需要深入思考和仔細規劃。

在impress.js裡沒有什麼預設主題，需要 自己設計展示效果、演示流程、幻燈片之間的切換方式以及每張幻燈片的相對佈局。從零開始製作一個演示文件需要做很多工作，但是事實上有很多 樣例可以提供靈感和指導，網上也有很多教程，深入講解impress.js的使用。

如果你覺得建立一個impress.js的展示對你來說很複雜，那可以使用一些更容易使用的小工具。

Hovercraft

Hovercraft簡化了建立impress.js文件的過程，使用 reStructedText建立演示文件。和用HTML製作幻燈片不同，Hovercraft可以讓你更加專注於寫作。你可以任意改動元素而不用擔心標記語言的標籤封閉問題。

舉個例子，我想建立了一張幻燈片，比上一張幻燈片大了五倍並且旋轉了90度。那麼在Hovercraft裡，只需要兩行程式碼就能完成這些工作：

:data-scale: 5
:data-rotate: 90

Heading
=======
* Bullet Point 1
* Bullet Point 2

使用Hovercraft極大的簡化了impress.js的使用。Hovercraft支援四种放置幻燈片的方式，如果沒有設定的話，會使用預設 的切換方式，也就是向左飛出切換到下一張。如果你想讓你的幻燈片更酷炫一點，你可以使用相對佈局，幻燈片會基於你自定義的偏移量進行切換。如果在中間插入 了一張幻燈片，接下來的其他幻燈片也會依次自動適應調整座標。如果你想要控制其中的細節，你可以使用絕對佈局，提前定義好每個幻燈片的座標並用 SVG制定好路線。Hovercraft的文件評價SVG佈局“用起來有點繁瑣”，不過它可以讓你更加精確的控制幻燈片的每一個細節，讓你的演示更加出彩。另外，如果 你想在你的演示中插入程式碼，那也沒有問題，Hovercraft支援程式碼語法高亮，並且它還提供一個專門給演講者看的螢幕，可以顯示筆記，並且還有計時功 能。當你寫好了一份文件，一條簡單的命令就可以把rst檔案轉換成HTML簡報：

hovercraft [markupfile] [output directory]

雖然Hovercraft有很多優點，但是它依然需要使用者有一定的CSS常識。預設的主題十分的樸實，如果你想要你的演示出彩的話，還是要花一些功夫的。給幻燈片加上CSS並非難事，但是和PPT中點選就能選主題相比，還是顯得複雜了一些。如果想深入學習，你可以閱讀 Hovercraft的文件。Hovercraft的作者是Lennart Regebro，遵循 CC0 1.0通用協議。

Strut

如果你想要一個工具，讓你的工作像傳統的幻燈片製作一樣簡單，那麼 Strut是一個不錯的選擇。Strut是一個基於網路的應用，提供了幻燈片的分類和編輯工具。圖形化的介面讓你輕輕鬆鬆的新增文字、圖片、視屏和網頁。你也可以一次性改變所有幻燈片的前景色和背景色，也可以一張一張的修改。Strut支援 Markdown的語法，而且對於有一定基礎的使用者，可以自定義CSS樣式。當你設計好了你的幻燈片，你可以設定旋轉角度和縮放比例等引數，切換不同的預覽方式和頁面佈局。除了impress.js，Strut也可以建立基於 bespoke.js框架的演示文件。

Strut很不錯，但是依舊有一些缺點。有時候會遇到一些bug，並且這個專案的待辦事項有點多，雖然都不是什麼大問題。

該專案遵循“早釋出，常釋出”的準則，願意把這個專案做得更好的人可以去 Github做貢獻。你可以在官網的 線上編輯器試一試，或者直接去 Github下載它的原始碼包在本地執行。如果想在本地執行Strut，需要有 NodeJS的npm工具和 Grunt來安裝依賴專案。

Strut的創始人是Matthew Crinklaw-Vogt，並且遵循 Affero通用協議。

原文地址： 3 open source tools make your presentations pop

譯文地址： http://blog.callmewhy.com/2014/07/02/three-open-source-tools-to-make-your-presentations-pop/