LingPet 簡報框架對比

同一份內容,三種框架,哪個最適合?

reveal.js

v5.1.0 · 68k+ GitHub Stars
最成熟的 HTML 簡報框架。功能齊全、社群龐大、CDN 直接引用。支援 Markdown、Auto-Animate、PDF 匯出、程式碼高亮、LaTeX 數學公式。
優點
  • 功能最完整,外掛生態豐富
  • CDN 引用,不需 build
  • 切換動畫流暢,支援多種 transition
  • 支援垂直投影片(二維導航)
  • 鍵盤導航 + 總覽模式 (ESC)
缺點
  • HTML 結構稍複雜
  • 預設主題較老派(需自訂 CSS)
查看 Demo

impress.js

v2.0.0 · 37k+ GitHub Stars
靈感來自 Prezi 的 3D 空間簡報框架。每張投影片可以旋轉、平移、縮放,在 3D 空間中自由飛行。視覺效果非常炫。
優點
  • 3D 空間切換,視覺衝擊力強
  • 每張投影片獨立定位、旋轉、縮放
  • 純靜態,CDN 引用
  • 適合演講、展示型簡報
缺點
  • 內容多時容易頭暈
  • 佈局需要手動計算座標
  • 沒有內建 Markdown / 程式碼高亮
  • 不適合密集內容的學術簡報
查看 Demo

WebSlides

v1.5.0 · 6k+ GitHub Stars
簡潔優雅的簡報框架,類似 Apple Keynote 風格。上手最簡單,HTML 結構直覺。適合乾淨的內容展示。
優點
  • 上手最簡單,結構直覺
  • Apple Keynote 風格,乾淨優雅
  • 垂直滾動切換,像翻頁一樣
  • CDN 引用,純靜態
缺點
  • 功能較少,沒有程式碼高亮
  • 不支援 Markdown
  • 維護不太活躍
  • 切換動畫較單一
查看 Demo

三個框架都是 MIT License,都支援 CDN 引用、純靜態部署。

操作方式:方向鍵 / 空白鍵 切換投影片