# 上傳圖片至 google 並取得可用於網頁/網誌的圖片位址
網站少不了圖片，而在網站(網誌)上通常是使用 `<img src="{imageUrl}" alt="{imgTitle}" />` 來插入圖片，以下找到一些解決方式：
### google dirve 雲端硬碟 (紀錄於 2023/2)
優點：不用特別註冊其他網站、簡單又直覺
執行：
1. 將圖片上傳至 google drive, 並將設置「共用」>「一般存取權＞知道連結的任何人」
2. 取得共用網址

取得網址為↓
> https://drive.google.com/file/d/1aE5eccTUGATLbyg9xSFqpdyiB0iu3s8Y/view?usp=sharing

3. 複製網址中的{id}
> `https://drive.google.com/file/d/{1aE5eccTUGATLbyg9xSFqpdyiB0iu3s8Y}/view?usp=sharing`

4. 將 id 貼在下列網址末端
> `https://drive.google.com/uc?export=view&id={這裡}`

↓　該網址即可使用在 img 的 src 中，當然也可以運用於各種部落格插入圖片。
https://drive.google.com/uc?export=view&id=1aE5eccTUGATLbyg9xSFqpdyiB0iu3s8Y
如果沒有設置共用就無法使用，可以將該網址貼入無痕模式的瀏覽器，如果需要顯示需要登入就是共用沒設置好。（如果已經登入擁有該圖片權限的帳戶就會正常顯示，但就無法使用在其他地方）

### google 相片 (紀錄於 2023/2)
優點：不用特別註冊其他網站、也不用特別處理網址
缺點：管理上不方便
執行：將相簿的選項開啟「透過連結共享」就能對著圖片「右鍵>複製圖片位址」，該網址直接就能使用了。

### 其他方法 & 參考資料
[[實用]建立Google Drive圖床並顯示到網站上的方法](https://www.mytechgirl.com/tw/cloud/how-to-create-google-drive-online-photo-album-mtg6688.html) - 2022/03/02
[【軟體比較】如何上傳圖片並取得連結網址（免費）](https://1on1.today/blog/%E5%A6%82%E4%BD%95-%E4%B8%8A%E5%82%B3-%E5%9C%96%E7%89%87-%E9%80%A3%E7%B5%90-%E7%B6%B2%E5%9D%80/) - 2023-01-07
[Imgur 免費圖片空間使用教學，免註冊上傳分享圖片](https://free.com.tw/imgur/) - 2021-08-27
[Upload.cc 免費圖片空間，單檔 5 MB 永久保存](https://free.com.tw/upload-cc/) - 2021-09-08

###### tags: `html` `圖片` `google drive` `免費服務`