DokuWiki + Deck.js 打造超快速簡報發佈工具

DokuWiki + Deck.js

昨天我們發佈了針對閱讀舒適度改良的 Readable Template，這個佈景主題讓 DokuWiki 撰寫的筆記，可以方便在各種尺寸螢幕的裝置，包括手機及平板能夠更容易閱讀。接下來要改善的則是簡報功能，讓寫好的筆記可以快速變成簡報，目的是使開發者不必再花太多時間整理簡報，就能滿足一般小型聚會分享技術的需求。

我目前比較喜歡的 HTML Presentation Framework 是 Deck.js，它的版面簡潔美觀，以更現代的 HTML5/CSS3 為基礎，有換頁效果，並支援平板電腦的手勢操作（手指滑動換頁）。

過去曾經分享過如何將 DokuWiki 加上 s5reloaded 外掛，讓它可以快速產生 S5 簡報。但隨著技術不斷演進，S5 已經顯得不太有魅力了。

目前在 DokuWiki 的 Plugins 清單，仍未看到 Deck.js 的外掛；秉持著開放原始碼自由軟體的精神，沒有人寫的 CODE，當然就是由我們的開發團隊自己動手生一個出來。

很快地，催生 DokuWiki Deck.js Plugin 專案有了一點成果，完整的原始碼分享在：

https://github.com/lyhcode/dokuwiki-deckjs

範例可以參考我們用 DokuWiki 撰寫的筆記，右上方的簡報圖示，點擊後就可以播放。

http://lyhdev.com/slide:deckjs

如果要直接進入簡報模式，則使用這個連結：

http://lyhdev.com/_export/deckjs/slide:deckjs

只要在 DokuWiki 的編輯區，加上「~~DECKJS~~」標示，就能讓筆記支援簡報播放。當然也可以支援 Deck.js 提供的其他佈景，例如使用「~~DECKJS neon fade~~」，就可以切換成「霓虹燈」樣式及「淡出」換頁效果。

Deck.js Neon Styles Theme

目前這個專案仍在 beta 的階段，可以支援 PC 瀏覽器如 FireFox、Google Chrome 及 Safari 等；目前已經支援 iPad（僅限橫式瀏覽），把網址加入主螢幕（Home Screen）當做圖示，就可以支援 iPad 的全螢幕播放。

iPad Fullscreen Slide Show

歡迎有興趣使用 DokuWiki 的朋友參與開發或將意見回饋給我們：

https://github.com/lyhcode/dokuwiki-deckjs