放映、演講者檢視與匯出

簡報是一個普通網頁：開發時用 npx slidehtml dev <name> 在瀏覽器裡開啟，交付時用 npx slidehtml build <name> 產生 dist/<name>.html。這個檔案是單一離線檔案，字型、圖片、腳本都已內嵌，可以直接發給別人用瀏覽器開啟，不需要連網。

快捷鍵

控制欄：移動滑鼠時出現在右下角，有上一步、播放、下一步、總覽、全螢幕幾個按鈕；滑鼠靜止 2.4 秒後隱藏，截圖和投影時不會露出來。

逐條展開：設了 build 的頁，用 → / Space 進入後每按一次出現一項；頁首右側的小圓點顯示進度，全部出現後再按才翻頁；← 逐項收回。用進度條、總覽或 #/N 跳過來時直接顯示全部內容。寫法見 guide.md 第 14 節。

演講者檢視

按 S，或直接開啟 #/presenter。新視窗裡有目前頁、下一頁、備註、計時器和時鐘。在任一視窗翻頁，另一個視窗會同步。常見用法是把演講者視窗留在筆電螢幕上，把放映視窗拖到投影上按 F 全螢幕。

備註寫在每頁的 notes 上：

{ id: 'numbers', label: '規模', notes: '先停 3 秒，讓大家看清數字。', render: () => <StatRow … /> }

匯出 PDF

開啟 #/print，點「列印 / 存為 PDF」，在瀏覽器的列印對話方塊裡選「存為 PDF」。每頁一張投影片，逐條展開的內容全部顯示。毛玻璃模糊和漸層字在 PDF 裡會簡化。

紋理與翻頁方式

這兩個是整份簡報的選項，寫在 DeckDef 上：

export const deck: DeckDef = {
  title: '…',
  texture: 'grain',      // none（預設）/ grain / paper / noise-dark，整頁淡淡的紋理
  transition: 'slide',   // fade（預設）/ slide / zoom / wipe / none
  slides: [ … ],
}

目錄裡的章節編號會飛到下一頁章節頁的大號數字上，這是 Agenda 和 SectionBreak 自帶的翻頁銜接，不需要設定。

其他網址