WLW 搭配 Blogger 自動產生圖片鏈結的注意點

Windows Live Writer ( 下文簡稱 WLW ) 可支援 Google Blogger 平台來做發文，並且文章內插入的圖片會幫我們直接上傳到相同 Google 帳號的 Google Picasa 空間，很是方便。

不過如果我們的 Blog 內有使用一些 lightbox 的效果腳本來秀圖，大部分的腳本設計是使用圖片的鏈結網址，也就是如下所示中「a」標籤的「href」部分，

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmoqhYr1p6jPPeV6oQeDOsRqhIPnEbJ1960kv8mWTzrSAhufYzgjFRzGfkr_O56wiK8ySR3zbRvIWHg5m0P6zgBg_p9XUdCbLju0-gYYh47B_vFkIPKiQaQBqi_-Mhf9juhxhP0-wjmFs/s1600-h/xxx.jpg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaDTdQ4-TDqiskIiB6sw9CsR96ghjgRJc3tJp7LysfwV9ZL79UN4CbzKA4XrpL1pDg2WklsLtYrNhVhmVqNcCdXoCgqo9l0W8GM1_sNqIrFzeoEDFx28xURoZXqK-75y22f-aAXvOJIZY/?imgmax=800"/></a>

不過也如上述的 html 片段中可發現，WLW 在幫我們上傳圖片並製做完整 html 時，圖片的鏈結網址，

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmoqhYr1p6jPPeV6oQeDOsRqhIPnEbJ1960kv8mWTzrSAhufYzgjFRzGfkr_O56wiK8ySR3zbRvIWHg5m0P6zgBg_p9XUdCbLju0-gYYh47B_vFkIPKiQaQBqi_-Mhf9juhxhP0-wjmFs/s1600-h/xxx.jpg

所連結的並不是真正的圖片檔，而是會再經過 Google 的處理而以網頁的方式來呈現，所以我們在使用上就可能必須在網頁載入時利用 scripts 將網址文字修正為，

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmoqhYr1p6jPPeV6oQeDOsRqhIPnEbJ1960kv8mWTzrSAhufYzgjFRzGfkr_O56wiK8ySR3zbRvIWHg5m0P6zgBg_p9XUdCbLju0-gYYh47B_vFkIPKiQaQBqi_-Mhf9juhxhP0-wjmFs/

將「s1600-h」這一層去掉，或是單把「-h」拿掉也可以，如此才會真正的連結到原始圖檔。

Windows Live Writer 部落格樣式標題欄誤判問題

描述前先註記一下，新的 Windows Live Writer 搶鮮版 ( 版號 14.x.xxxx.xxx Beta ) 不會發生這個問題，此問題是發生在 Windows Live Writer 2008 ( 版號 12.x.xxxx.xxx ) 中。

Windows Live Writer ( 後文以 WLW 縮寫代替 ) 一直以來就是我愛用的離線 Blog 編輯程式，介面直覺與使用 .NET 平台方便自己寫 Plugin 這兩點則為主因。

不過在這次「犀角空想院_第二家」重新編輯 Blog 的顯示樣板，於 WLW 中使用「檢視 > 更新部落格樣式」後，卻有標題抓錯位址的問題，導致使用「檢視 > 版面配置」製文時完全無法直接輸入標題文字。

於 Application Data\Windows Live Writer\blogtemplates\ 中找來 WLW 抓到的樣式範本，一觀發現關鍵段落如下，

<DIV class="post hentry uncustomized-post-template"><br /><H3 class="post-title entry-title"><br /><DIV class="funp">{post-title}</DIV></H3><br /><DIV class="post-body entry-content"><br /><DIV>{post-body}</DIV></DIV></DIV>

其中「{post-title}」部分抓到顯示 funP 按鈕的位址，無怪乎在製文時無法顯示標題並輸入，嘗試了幾種更改，有效的方式就是必須在樣板的 XML 檔中將非標題相關的標籤，此例就是指顯示 funP 按鈕的部分整個移出 class 為「post-title entry-title」的標籤之外，之後就能正確的抓到樣式如下，

<DIV class="post hentry uncustomized-post-template"><br /><H3 class="post-title entry-title"><A href="http://rhinohornsblog.blogspot.com/">{post-title}</A></H3><br /><DIV class="post-body entry-content">{post-body}</DIV></DIV>

小物攝影棚藍幕 DIY 時的替用品

之前在舊空想院有發表過一篇自製迷你攝影棚的文章，成品雖然簡陋但是還蠻堪用的。原品的背紙是採用白色雲彩紙，對於去背比較不易，如果背紙可以換成藍幕或是綠幕的話會比較好。

不過真的去買藍幕的話實在是不敷經濟效益，就以儘量能找到較低價的替代物為方向來做好了。說到藍幕材質的基本原則就是單色、無花紋、不反光加上要有一些厚度，布店不是這麼普遍，所以就朝能在書局買到的紙類為優先選擇。

書局裡逛了一下，目前的紙類大部分皆有花紋也有光澤，可能感覺質感高些較好賣吧。後來發現有樣貨品蠻符合需求，那就是「彩色泡棉」，單色不反光而且不易有折痕，剛好出品的藍綠兩種顏色也合，就買了帶回家嘗試看看。

迷你攝影棚背紙換上彩色泡棉試照，圖片後製去背的感覺還不錯，不論是使用外緣法、Chroma 法甚至魔術棒選取，都算蠻乾淨的，所以有相同低價替換需求者不妨試試。