Skip to main content

[小技] 用html語法(reveal.js)代替簡報軟體(powerpoint)

office又到要續約的時候了

實在有點懶得處理

libreoffice大概也只是堪用的程度

想想也許可以不用再裝powerpoint了

於是研究了一下  非常有趣

跟gemini討論了一下

推薦解決方案:現成的 HTML 簡報框架

你不需要從零編寫每一行程式碼,現已有許多成熟的 HTML 簡報框架,自動幫你處理好鍵盤翻頁、簡報者模式、全螢幕與響應式縮放:

    Reveal.js(最推薦)

        特色:全球最流行的 HTML 簡報框架。支援鍵盤方向鍵翻頁、垂直/水平投影片、簡報者備忘錄(Speaker Notes)、全螢幕模式與 PDF 匯出。

        多媒體:直接放入 <img>、<video>,甚至加入 data-background-video 設定影片背景。

        進入門檻:支援用簡單的 Markdown 語法撰寫內容,不需要寫複雜的 HTML。

    Impress.js

        特色:主打 3D 旋轉、縮放與平移轉場效果,適合製作極具視覺衝擊力的簡報(類似 Prezi)。

    Sli.dev

        特色:專為開發者設計,結合 Vue3 與 Tailwind CSS,撰寫體驗極佳,適合有前端基礎的使用者。 

 於是就試了一下reveal.js,基本上摸個幾十分鐘到一兩小時就很能夠用了

順手存了一下相關連結

The HTML presentation framework | reveal.js
https://revealjs.com/

hakimel/reveal.js: The HTML Presentation Framework
https://github.com/hakimel/reveal.js/

[十分鐘學習] reveal.js - 網頁?簡報?網站也可以二刀流 - iT 邦幫忙::一起幫忙解決難題,拯救 IT 人的一天
https://ithelp.ithome.com.tw/articles/10195641

reveal.js:用網頁製作簡報的 HTML5 架構 | G. T. Wang
https://blog.gtwang.org/useful-tools/reveal-js-presentation-html5-framework/
 

有興趣的真的可以好好試試  非常好用  方便  就連講者模式都做出來了

其他的轉場、效果其實也很夠用了  就是要會自己處理一下排版、多圖、表格之類的語法

現在查詢很容易 不難的 

第二大螢幕使用全螢幕播放 小螢幕就用講者模式即可(另開一個網頁,置於講者用的筆電即可)

算是很成熟的方案了 

Comments

Popular posts from this blog

第一次經驗

果然有如石沈大海 連一點餘波都沒有 當然,還是一喜一憂 短期來看 喜的是不用再為這個突如其來的岔路分心 長期來看 憂的是與自己相關的約顧工作竟然也失利 儘管可能是因為他們早有適當人選 我果然是毫無身價可言啊

多頭馬車

分頭進行取得所有的機會與區域 亂七八糟的混亂 厭煩的心情上升到頂點 我感覺 或許我根本就是一隻實驗鼠 放在台灣這個困窘又狹小的實驗室 瞎忙瞎轉(還有最重要的是被乾洗錢包) 今天最想說的一句話:Go Your (X~)(逼~消音)