Markdown 線上課程教學影片

編程線上教學課程內容

課程簡介

Markdown 是一種輕量級標記語言，以簡潔語法打造美觀易讀的文件，廣泛應用於 GitHub README、技術文件、部落格、筆記工具。
本課程在一小時內帶你掌握 Markdown 的核心語法，從基本文字格式到進階表格、圖片、程式碼區塊等完整功能，並透過實作建立個人專案文件。課程強調即學即用，讓學員能立即應用於 GitHub 專案、技術筆記與內容創作。

 

適合對象：

• 程式開發者與技術寫作者

• GitHub 使用者與開源貢獻者

• 部落格作者與內容創作者

• 想提升文件可讀性與美觀度的技術人員

---

 

一小時課程大綱

第一章：課程導入與 Markdown 生態（約 5 分鐘）

• Markdown 是什麼？與 HTML、富文本的比較

• 應用場景：GitHub、GitLab、Notion、Jupyter Notebook

• 常用編輯器：Typora、VS Code、Mark Text、Obsidian

• 建立第一個 Markdown 檔案並預覽效果

第二章：基本文字格式化（約 10 分鐘）

• 標題層級：# 到 ######

• 粗體斜體：**粗體**、*斜體*

• 分隔線：--- 或 ***

• 引用區塊：>

• 刪除線：~~刪除線~~

• 高亮：==高亮==（部分編輯器支援）

• 實作：建立個人簡介頁面

第三章：列表與有序內容（約 10 分鐘）

• 無序列表：-、+、*

• 有序列表：1.、2.

• 任務清單：- [ ] 未完成、- [x] 已完成

• 巢狀列表應用

• 實作：建立學習清單與專案待辦事項

第四章：連結、圖片與多媒體（約 10 分鐘）

• 連結語法：[文字](URL)

• 圖片語法：![替代文字](圖片路徑)

• 相對路徑與絕對路徑使用

• HTML 替代語法（進階）

• 實作：建立包含圖片與外部連結的專案文件

第五章：程式碼與語法高亮（約 10 分鐘）

• 行內程式碼：`code`

• 程式碼區塊：三個反引號 ```

• 語法高亮：javascript、python 等

• 表格語法：| 與 - 組合

• 實作：展示多語言程式碼片段與比較表格

第六章：進階格式與擴充功能（約 10 分鐘）

• 表格建立與對齊：左、中、右對齊

• 筆記連結：[文件名稱](#標題)

• 折疊區塊：<details> HTML 標籤

• Emoji 支援：:smile: 或 Unicode

• 數學公式（MathJax）：LaTeX 語法

• 實作：建立完整技術文件包含表格與公式

第七章：迷你專案實作（約 10 分鐘）

專案主題：個人技術部落格文章

• 完整結構：標題、目錄、圖片、程式碼、表格

• 自動生成目錄（TOC）

• GitHub README.md 美化技巧

• 多平台相容性測試（GitHub、Typora、VS Code）

第八章：編輯器與工作流程優化（約 5 分鐘）

• 推薦編輯器比較：Typora、VS Code、Mark Text

• VS Code 外掛：Markdown All in One、Markdown PDF

• GitHub 專案文件最佳實務

• 版本控制與文件協作流程

• 學習資源：Markdown Guide、Dillinger.io