標題層級
這篇文章用了 h2、h3、h4 三層標題。右邊的目錄(桌面版)或上方的摺疊目錄(手機版)會自動抓這些標題。
這是 H3
這是 H4
一般來說三層就夠了。層級太多反而讓結構變複雜。
文字格式
基本的文字樣式:
- 粗體 — 用
**文字** - 斜體 — 用
*文字* 刪除線— 用~~文字~~行內程式碼— 用反引號包起來- 超連結 — 用
[文字](網址)
這些可以混著用,像是 粗體裡面放 程式碼 或是 斜體加上連結。
清單
無序清單
- 第一項
- 第二項
- 巢狀項目 A
- 巢狀項目 B
- 再往下一層也行
- 第三項
有序清單
- 打開編輯器
- 新增一個 Markdown 檔案
- 開始寫
- 存檔
- 部署
任務清單
- 選好主題
- 設定基本架構
- 寫第一篇文章
- 部署到線上
引言
簡潔是可靠的前提條件。 — Edsger W. Dijkstra
引言區塊在 Spectra 裡會有左邊的裝飾線和微妙的背景色。多行也沒問題:
任何夠先進的科技 都和魔法沒有區別。
— Arthur C. Clarke
表格
表格在技術文章裡很常用。Spectra 的表格會自動套用邊框和斑馬紋底色。
| 快捷鍵 | 功能 | 平台 |
|---|---|---|
Ctrl+S | 儲存 | Windows / Linux |
Cmd+S | 儲存 | macOS |
Ctrl+Shift+P | 命令面板 | VS Code |
Ctrl+/ | 切換註解 | 大多數編輯器 |
靠左、靠右、置中對齊:
| 左對齊 | 置中 | 右對齊 |
|---|---|---|
| 蘋果 | 100g | $1.50 |
| 香蕉 | 120g | $0.75 |
| 橘子 | 150g | $2.00 |
水平線
三個減號就是一條水平線:
用來分隔不同主題的段落。
巢狀引言與清單
引言裡也可以放清單:
好的技術文章通常有這些特徵:
- 開頭就講重點
- 有實際的範例
- 段落不要太長
- 最後有總結
腳註
Markdown 支援腳註1。滑鼠移上去或點擊,可以看到對應的註解。
定義清單
- HTML
- 超文本標記語言,網頁的骨架。
- CSS
- 階層式樣式表,負責網頁的外觀。
- JavaScript
- 讓網頁動起來的程式語言。
以上就是 Spectra 支援的主要 Markdown 元素。寫文章的時候不用特別記語法,多寫幾次就熟了。
這是腳註的內容。腳註會出現在文章最下面。 ↩︎
