在下早一星期左右,到 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 內容轉換成多行 連結及圖片 元素
1 2 3 4 5 6 7 | 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' |
用這種方法插入圖片便不會產生重覆圖片的相簿
沒有留言 :
張貼留言