在自主練習撰寫網頁前端時,常常需要圖片去做排版與設計,有時候直接用url做嵌入會方便很多,例如在codepen練習的話,圖片部分就只能使用嵌入的方式了,今天介紹一個可以將google photo提供的連結轉換成可嵌入的圖片連結的網頁 Embed Google Photos
https://www.labnol.org/embed/google/photos/

使用方式非常之簡單~
在google photo選一張要使用的相片
這邊用Yuki練習時拿來排版的圖片示範

複製該圖片的分享連結
點進圖片後,點擊右上角的分享icon,點擊 建立連結,複製連結。


將連結貼進對應欄位並generate
下方會產生出可直接使用的code

燈愣! 成功嚕!
對於整理這些圖片也很方便!
