Andy's blog

If you always do what you've always done, you'll always get what you've always got.

0%

2021-04-19-用Reveal.js來做簡報

剛好在IT鐵人幫上看到有人介紹 Reveal.js 套件,索興來玩玩看


參考資料:
https://revealjs.com/


  1. 安裝
    最簡單方式就是直接到 GitHub 上直接下載一份到本機,或是直接在終端機上下 npm 指令操作也可以。

  2. 使用方式
    官網都有範例,基本上只要載入 js、css 就可以運行
    再來客製化部分就可以在 js中配置即可。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    Reveal.initialize({
    // Display presentation control arrows
    controls: true,

    // Help the user learn the controls by providing hints, for example by
    // bouncing the down arrow when they first encounter a vertical slide
    controlsTutorial: true,

    // Determines where controls appear, "edges" or "bottom-right"
    controlsLayout: 'bottom-right',

    })
  3. Demo連結
    Demo