![[教學]flickr 1TB 免費相簿 如何批次抓照片HTML Code](https://images.weserv.nl/?url=blogwww.s3.amazonaws.com%2Fuploads%2Ffgblogphoto%2F8688%2F459a9270-a321-4ed0-98cc-394a6fad17c7.jpg)
最近因為Yahoo!奇摩又開始接觸了flickr相簿,是的這個服務我2008年就開始使用,但是用沒多久就因為不習慣而放棄了。今年flickr佛心的提供給每個網友1TB的空間讓註冊會員免費使用,除了超大空間以外,flickr不壓縮圖檔,還會秀出各式各樣的相機照片資訊,對常常測試手機拍照的我來說特別實用,因為我們除了可以讓網友自行點選照片看100%比例的原圖檔外,還可以看到其他相關的參數如ISO值,快門速度等相關資訊。
但是大家應該都會遇到一個問題,目前Flickr官方只有提供單張照片的html code,如何批次的將多張照片的html code一次copy出來,方便部落客撰寫文章使用呢?首先我們先從登入flickr後的畫面來看,先點選右上角的"上傳"功能
flickr
選完指定上傳照片,你可以開始在左手邊輸入這批照片的描述(非必要),或是標籤資訊(非必要)![[教學]flickr 1TB 免費相簿 如何批次抓照片HTML Code](https://images.weserv.nl/?url=blogwww.s3.amazonaws.com%2Fuploads%2Ffgblogphoto%2F8688%2F7f6830dd-8b97-4ca9-8c24-77b54151635a.jpg)
接著建議點選左手邊"新曾至相片集"選項,建立一個全新的相片集(相簿),方便未來迅速找圖,也是一個好的分類習慣。這步驟做完後再點選上右上角的"上傳xx張ˋ照片"鍵![[教學]flickr 1TB 免費相簿 如何批次抓照片HTML Code](https://images.weserv.nl/?url=blogwww.s3.amazonaws.com%2Fuploads%2Ffgblogphoto%2F8688%2F459a9270-a321-4ed0-98cc-394a6fad17c7.jpg)
此時請到 http://includr.vispillo.org/ 第三方網站, 左上角輸入你的flickr帳號,再點選"Look up user",此時會跳出flickr小視窗要你授權給此網站讀取你的照片,授權完成後,你就可以看到你最新上傳的照片在畫面的中間。此時建議點選"Sets"展開你所有的相簿![[教學]flickr 1TB 免費相簿 如何批次抓照片HTML Code](https://images.weserv.nl/?url=blogwww.s3.amazonaws.com%2Fuploads%2Ffgblogphoto%2F8688%2F2f47cd39-5b3c-4fdf-b305-459a28255158.jpg)
這時候你會發現該相簿的照片全都移到右手邊去,此時可以開始設定下拉選單,預設的設定建議不用變,但照片尺寸建議選擇Medium(640寬度),也是各大論壇跟部落格空間普遍吃的寬度,選擇好了請再按右上角的Get Code
![[教學]flickr 1TB 免費相簿 如何批次抓照片HTML Code](https://images.weserv.nl/?url=blogwww.s3.amazonaws.com%2Fuploads%2Ffgblogphoto%2F8688%2F846fcfe1-a5cd-441f-80e7-f66cd1b9ffad.jpg)
把這些HTML Code貼到你平常PO文的平台,通常都有一個HTML原始碼檢視的選項,貼進去後,圖就可以正常顯示啦。若你已經用的很熟練了,還可以考慮用下拉選擇2 image per row,搭配Small (240寬度)尺寸來呈現多張相機實拍縮圖。![[教學]flickr 1TB 免費相簿 如何批次抓照片HTML Code](https://images.weserv.nl/?url=blogwww.s3.amazonaws.com%2Fuploads%2Ffgblogphoto%2F8688%2F6fcc2bf3-1fdf-4cf8-aab7-1c52bb39a717.jpg)
以上教學,感謝Yahoo!奇摩社群經理Tenz指導,雖然還是心中希望flickr能夠內建抓取批次照片HTML Code,但是flickr相簿本身是為了攝影族群而生的空間,抓取批次照片HTML Code比較不是攝影族群一定會做的事,所以我可以理解為什麼目前還是沒此功能,反而需要靠這樣的第三方工具來達成目的。不管如何,希望還是有幫助到有圖床需求的網友,有問題歡迎留言發問,交流,討論,感謝收看~
![[教學]flickr 1TB 免費相簿 如何批次抓照片HTML Code](https://images.weserv.nl/?url=blogwww.s3.amazonaws.com%2Fuploads%2Ffgblogphoto%2F8688%2F4114bdad-be29-4a93-b929-946e49b02b0b.jpg)
![[教學]flickr 1TB 免費相簿 如何批次抓照片HTML Code](https://images.weserv.nl/?url=blogwww.s3.amazonaws.com%2Fuploads%2Ffgblogphoto%2F8688%2F7c771f63-30bc-4a21-8255-3df0e9dc7bce.jpg)
![[教學]flickr 1TB 免費相簿 如何批次抓照片HTML Code](https://images.weserv.nl/?url=blogwww.s3.amazonaws.com%2Fuploads%2Ffgblogphoto%2F8688%2F006dec0e-8d13-463b-b332-3f9032a3997b.jpg)
![[教學]flickr 1TB 免費相簿 如何批次抓照片HTML Code](https://images.weserv.nl/?url=blogwww.s3.amazonaws.com%2Fuploads%2Ffgblogphoto%2F8688%2F574c5882-fb35-4e18-8c8a-859df45d498b.jpg)