HackMD簡報模式全攻略

# HackMD簡報模式全攻略 * 製作HackMD簡報的步驟 * 主題樣式與轉場動畫 * 特殊按鍵進入主講者網頁 * 簡報聚光燈 --- ## 投影片分頁 * 大章節投影片之間以三個減號`---`分隔，換頁：:arrow_backward: :arrow_forward: * 小章節則用四個減號`----`分隔，換頁： :arrow_up_small: :arrow_down_small: * 分隔減號上下各空一列空行 * 跳到第幾張投影片：`[文字](#號碼)` - 如：`[跳到第3.3頁](#/2/2)` [跳到第3.3頁](#/2/2) - 井號的數字由網址取出 --- ## 投影片選項 - 投影片選項寫在檔案最開頭的 YAML 區域內 - YAML第一行與最後一行是3個減號 ### 範例 ``` --- title: 取代標題一的檔案名稱 tags: 標籤1, 標籤2 disqus: hackmd # 討論區 slideOptions: #投影片選項, 兩個空白開頭 theme: sky #主題 transition: zoom #轉場動畫 --- ``` *[YAML]: YAML（/ˈjæməl/，尾音類似camel駱駝）是一個可讀性高，用來表達資料序列化的格式。 --- ### 預設主題樣式 :::info :bulb:主題名稱以小寫指定。 ::: 主題 | 說明 --- | --- black | 預設，黑底白字 white | 白底黑字 league | 漸層黑底白字 sky | 漸層天空藍黑字 beige | 漸層米色黑字 ---- ### 預設主題樣式(續) 主題 | 說明 --- | --- simple | 白底黑字 serif | 漸層淡灰黑字 blood | 黑底白字(陰影)，超連結紅色 night | 黑底白字，超連結橘色 moon | 靛藍底米白字 solarized | 淡黃底藍字 --- ## 轉場動畫 :::info :bulb:轉場動畫名稱以小寫指定。 ::: 1. none 2. fade (褪色) 3. slide (滑動) 4. convex (凸) 5. concave (凹) 6. zoom (前進放大，倒退縮小) > 加-in表示進場，-out表示退場 ---- ### 單一投影片設定 * 指定轉場動畫 `` * 指定轉場速度；default / fast / slow `` ---- ### 單一投影片設定(續1) * 指定背景圖片或顏色 `` * 指定背景圖片或顏色 `` * 指定背景 `` ---- ### 單一投影片設定(續2) * 列表分段（Fragment）顯示控制 `` --- ## 特殊按鍵 * S：主講者網頁 * `Note:`後的文字是主講者的備忘，只會顯示在主講者網頁 * B或.：暫停投影 --- ## 聚光燈 * 啟用 ``` --- slideOptions: spotlight: enabled: true --- ``` * 操作 * 按下滑鼠左鍵出現聚光燈 * 簡報換頁只能用鍵盤 --- ## 參考 * [簡報範例（完整功能展示）](https://hackmd.io/slide-example?both) * [使用簡報模式教學](https://hackmd.io/c/tutorials-tw/%2Fs%2Fhow-to-create-slide-deck-tw) - 下一頁有解說影片... :+1: --- {%youtube zkrtMilg0Wk %}