行內式、參照式、自動連結與相對路徑 — Links & Images
基本形式 [文字](網址),後面可以再加「標題」(滑鼠移上去顯示):[文字](網址 "標題")。
這份[教學網站](https://example.com) 有[提示標題](https://example.com "滑上去看看")。
連結很多時,把網址集中到文末定義,正文乾淨好維護。[文字][標籤] + 文末 [標籤]: 網址。
先看[官方規格][spec],再看[入門指南][guide]。 [spec]: https://daringfireball.net/projects/markdown/ [guide]: https://www.markdownguide.org/
用尖括號包住網址或信箱,可直接點擊。GitHub 上甚至連尖括號都不必(單元 6 會講)。
連到 <https://github.com> 或寫信到 <hello@example.com>
語法 = 連結前加一個 !:。替代文字(alt text)在圖片載入失敗或螢幕閱讀器時很重要。
 [](https://example.com)
第一行: 直接顯示圖片。
第二行:把整張圖片包進 []() 連結,點圖即跳轉——常見於「點 logo 回首頁」。
alt 之外的回饋。
記得給每張圖寫清楚的替代文字。
在 repo 內部的文件(如 README 引用同 repo 的圖片),用相對路徑而非完整網址,好處是 clone 後仍有效。
docs/guide.md # 同資料夾內 ./docs/guide.md # 同上(./ 表示「目前資料夾」) ../README.md # 上一層資料夾 images/screenshot.png # 子資料夾 docs/unit-03/#連結與圖片 # 錨點:跳到該頁的某小節
<url> 的寫法。 與「點圖跳轉」的包法。