Blogger 的圖片封存相簿

最近在下因為整理相簿出現事故，足足用了5日時間重新整理在下大約500篇文章的內容

在下早一星期左右，到 https://get.google.com/albumarchive Google 封存相簿，清理一些重覆、封存、不會在 Google 相簿顯示的相簿
發覺有一個叫 Blogger 的相片的相簿，當中有一個有大量重覆圖片的子相簿，便二話不說將這個子相簿刪除
之後到 Blogger 便發現大量文章的圖片變成不能顯示，才知道剛才闖大禍……
以下是在下的錯誤經過及發現


瀏覽自己的封存相簿 https://get.google.com/albumarchive
封存相簿有點像 Picasa


按 插入圖片 > 從 Google 相簿封存挑選
並選擇圖片後，按 加入所選圖片


加入的圖片的連結顯示 *.bp.blogspot.com/* 這個域名及路徑


圖片能夠在文章預覽中顯示




回到封存相簿，將 Blogger 中的子相簿刪取


大約5分鐘後重新載入文章，圖片連結便會失效


再到插入圖片，但今次不選取圖片
按 滑鼠右鍵 >
檢查元素 (Firefox)
或 檢查 (Chrome)


點選 span 父元素 後，按 滑鼠右鍵 >
複製 > 內部 HTML (Firefox)
或 Copy > Copy Element (Chrome)


將文字貼上
會發現圖片的來源是 *.googleusercontent.com/* 的域名及路徑
而使用這個域名及路徑卻不會產生 Blogger 的相片的相簿


在預覽內容會顯示與 插入圖片大小的圖片



可以將 img 元素以外、不影響資料的內容刪除
連結的 /w140-h78-p 可以控制圖片的解像度
例如修改成 /w0 為原圖大小



修改成 /w600 為以闊度為 600像素，高度則按比較調整

在下編寫一個簡單的 bash script 可以快速將 檢查元毒的 HTML 內容轉換成多行 連結及圖片 元素

cat 'html' |\
sed -r 's/ class="Nf-xq-wg-re"//g' |\
sed -r 's/ title="[^"]*"//g' |\
sed -r 's/ alt="[^"]*"//g' |\
sed -r 's/ style="[^"]*"//g' |\
sed -r 's/><\/div><\/div>/ alt="見下文" title="見下文"\/><\/a>\n/g' |\
sed -r 's/^.*(<img src=")(http.+\/).+(\/[^"]+)(".*)$/<a href="\2w0\3">\1\2w600\3\4/g'

用這種方法插入圖片便不會產生重覆圖片的相簿