HackMD 線上教育訓練

# HackMD 線上教育訓練 ### 2020/3/30 講義網址：https://hackmd.pse.is/RJ7QD --- ## 講者 - [Yukai](https://hackmd.io/@yukai) - [@Yukaii](https://github.com/Yukaii) on GitHub - Developer --- ## 大綱 - Markdown 語法快速展示 - 用 HackMD 架一個文件網站 - 打造自己的文件網站 --- ## 讓我們先來準備一下工具！ --- ## HackMD 簡介 HackMD 提供即時的跨平台 Markdown 知識庫能用於組織您的想法、與夥伴討論並即時預覽結果支援簡報、圖表、數學表達式等多樣功能從上線以來，共有超過 170 萬份筆記客戶有以太坊、雷亞等國際知名公司 --- ## 請大家到這篇筆記 一起來場大亂鬥吧 https://hackmd.io/@yukai/webinar-playground/edit --- - 標題 - 圖片 - 列表 - 超連結 - 粗體/斜體/刪除線 - 容器 (container) 語法 - 行內程式碼 - 程式碼段落 - 表格 - 圖表 --- ### 學習 HackMD 的完整 Markdown 詳見我們的教學手冊：https://hackmd.io/c/tutorials-tw --- ## 如何協作 --- ## 建立團隊空間進行協作 --- ### Tips 1. 在首頁選擇新建團隊的選單 2. 用 Email 或使用者名稱，邀請夥伴進團隊 3. 建立團隊筆記或轉移個人筆記進團隊 4. 在團隊公開頁看到發表的筆記 --- ## 工商時間 ### HackMD 的瀏覽器擴充功能 HackMD-it https://hackmd.pse.is/PGEDY --- ## 如何在 HackMD 建立文件網站 --- ## 書本模式實作以食譜集為例 **:arrow_right: [點這個連結開始](https://hackmd.pse.is/RNS5Q) :arrow_left:** --- ### 步驟 1. 用列表列出每個連結 2. 設定筆記模式為書本模式 3. 運用 [Link Exploder](https://hackmd.io/c/tutorials/%2Fs%2Fhow-to-link-exploder) 快速建立新筆記 --- ### 自訂 Book Mode 樣式 --- ### Tips - 寫 inline CSS - 拆成筆記專用的主題（→ 裡面只有 CSS） - Embed 筆記語法 - 用 DevTools 輔助主題開發部落格教學文：https://hackmd.pse.is/P7BEM --- ### 範例：M*dium 類似主題 > {\%hackmd @yukai/medium-theme %} ### 範例：Dark mode > {\%hackmd BJrTq20hE %} https://titangene.github.io/article/hackmd-dark-theme.html --- ## 總結 - 使用 Markdown 語法在 HackMD 上製作文件 - 使用 HackMD 的書本模式整理文件 - 自訂 HackMD 的書本模式的樣式 --- ## Happy Hacking! --- ### 學習資源 - [HackMD 完全使用手冊](https://hackmd.io/c/tutorials-tw) - [Markdown 台灣臉書社團](https://www.facebook.com/groups/markdown.tw/) --- ### 工商時間 - 團隊功能熱烈使用中！ - 任何問題歡迎寫信到 support@hackmd.io - 填寫使用回饋幫助我們更好！