## GitHub Pages 圖片託管 此方法利用 GitHub Pages 功能,將你的圖片倉庫變成一個靜態網站,從而提供圖片連結。 ### 建立步驟 1. **建立新倉庫 (Repository)(一次性):** * 前往 [GitHub](https://github.com/):註冊&登入 * 登入後點擊右上角的 `+`,選擇 **New repository**。 * ![image](https://hackmd.io/_uploads/rJlAOY0-Ze.png) * 參考以下設定: * **Repository name (倉庫名稱):** 可自訂,例如 `images`。 * **Public/Private (公開/私有):** 選擇 **Public** (公開)。 * 勾選 **Add README**。 * 點擊 **Create repository**。 * ![image](https://hackmd.io/_uploads/ryVvFtRbbl.png) 2. **上傳圖片:** * 進入你剛建立的倉庫。 * 點擊 **Add file** -> **Upload files**。 * ![image](https://hackmd.io/_uploads/r12QqYRbWg.png) * 將你的圖片檔案上傳。 * 點擊 **Commit changes** (提交變更)。 * ![image](https://hackmd.io/_uploads/BJ7t5KC-Zg.png) 3. **啟用 GitHub Pages(一次性):** * 進入倉庫的 **Settings** (設定) -> 側邊欄點擊 **Pages**。 * 在 **Branch** (分支) 下拉選單中,選擇你的主要分支 (通常是 `main` 或 `master`),然後點擊 **Save** (儲存)。 * ![image](https://hackmd.io/_uploads/r1mijY0ZWe.png) * **等待幾分鐘**。GitHub Pages 成功發布後,嘗試連到下面的圖片網址。 ### 圖片網址格式 ``` https://<你的GitHub使用者名稱>.github.io/<倉庫名稱>/<圖片檔名> ``` 例如: - 你的GitHub使用者名稱:`img-account` - 倉庫名稱:`images` - 檔案名稱:`pika.png` 圖片網址就是: ``` http://img-account.github.io/images/pika.png ``` Markdown 寫法: ``` ![](http://img-account.github.io/images/pika.png) ```