Eucaly61 相片工具箱 3 –- 從 Picasa 大量貼圖到部落格文章

分享最近使用在 單車小徑 和 大樓工程業餘筆記 等文章的貼圖方式 -- 從 Picasa 大量貼圖到部落格文章

請先參考前文 相片工具箱 2 -- 網路相簿, 上傳, 貼圖, 先了解從 Picasa 相簿的貼圖到部落格的幾種方式, 尤其是 :

• Picasa 網路相簿
• Fire Uploader 大量上傳
• s288, s400, s800 …… 的說明
• 快速插入 HTML 到 Windows Live Writer

.

從 Picasa 貼圖到部落格 (方式五) -- 大量貼圖

適用場合 :	限制 :
快速取得大量貼圖 (不用進入個別照片的網頁)	只有幾種照片大小可供選擇 必須了解 HTML 語法, 並使用 RegEx (正規表示式) 代換工具

步驟 :

• 取得 Picasa 相簿網頁的全部 (或其中幾張) 相片的 HTML, (下列方式擇一)
  • 選取網頁中的相片, 在 Firefox 按右鍵 => 檢視選取範圍原始碼
  • 選取網頁中的相片, 利用 Firebug 取得 HTML
  • 直接在相簿 網頁的原始碼 找到相關的 HTML

   

• 將 HTML 貼到有『RegEx 代換功能』的編輯器
• 注意 HTML 區塊是否完整, 例如 <a href="…"> 要有對應的 </a>
• 用 RegEx (Regular Expression, 正規表示式) 刪除多餘的 HTML 語法, 例如 :

尋找	取代	說明
<div[^>]+>	無內容	刪除全部的 <div …>
</div>	無內容	刪除全部的 </div>
class="[^"]+"	無內容	刪除全部的 class="…"
style="[^"]+"	無內容	刪除全部的 style="…"

• (選用) 用 RegEx (正規表示式) 修改 HTML 語法, 例如 :

尋找	取代	說明
<a [^>]+>	無內容	刪除全部的 <a …> ** 選用, 移除『連結』
</a>	無內容	刪除全部的 </a> ** 選用, 移除『連結』
s128 (視 Picasa 實際狀況, 可能是別的值)	s288, s400, s800	** 選用 得到不同大小的縮圖
s128/ (視 Picasa 實際狀況, 可能是別的值)	無內容	** 選用 刪除 s128/ 得到原圖大小

• 順利的話, 會得到類似下面的 HTML 內容, 再貼到文章即可

<a href="http://picasaweb.google.com/Eucaly.Blog/0902#5359208305334869586"><img src="http://lh5.ggpht.com/_au4GKf1vCzM/Sl-7jzTO3lI/AAAAAAAABpw/DKFNk0k7zio/s128/090425-1712-IMG_9880.jpg"></a> <a href="http://picasaweb.google.com/Eucaly.Blog/0902#5359208313449141970"><img src="http://lh5.ggpht.com/_au4GKf1vCzM/Sl-7kRh01tI/AAAAAAAABp0/RWj6y2ewkPw/s128/090425-1712-IMG_9883.jpg"></a>

.