2019-07-11

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'

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

沒有留言 :

張貼留言