Cyberpunk » Studio http://punk.tw 網際叛客：學習心得、Web 2.0與網路觀察、Google應用與技術、Ruby on Rails, Google App Engine Mon, 10 May 2010 14:56:08 +0000 en hourly 1 http://wordpress.org/?v=3.0 Zoundry Raven：讓我考慮換掉Windows Live Writer的Blog發佈軟體 http://punk.tw/2008/02/19/752.html http://punk.tw/2008/02/19/752.html#comments Tue, 19 Feb 2008 13:36:09 +0000 deduce http://punk.tw/2008/02/19/752.html image

Zoundry Raven官方網站：http://www.zoundryraven.com/

自從Windows Live Writer推出，我便一直以Windows Live Writer作為主要的部落格發佈軟體，選擇使用WLW的主要原因如下：

  • 支援離線編輯，讓我即使沒有網路也可以寫部落格，等找到網路時再發佈即可。
  • 便利的圖片編輯功能，例如陰影、相框、飽和度、浮水印等各種方面編輯的功能，可以參考Windows Live Writer快速發佈你的部落格（圖形處理篇）。
  • 我只需要按下Print Screen抓下整個螢幕、Alt + Print Screen，在Windows Live Writer貼上即可，WLW會自動將圖片上傳到部落格空間或指定的FTP空間。
  • 可管理多個部落格，支援所見即所得、可透過Windows SDK開發不足的功能、網路上有許多方便的外掛可以安裝

其實當初真的很訝異微軟願意釋出這麼好用而且完全免費的軟體，雖然說這是推廣Windows Live Spaces的一種方式，但微軟這兩年來漸漸開放實在是挺不賴的。

而就在剛剛看到這篇「Zoundry 推出新一代 Blog 發佈軟件 - Zoundry Raven」，文章中提到兩個功能挺吸引我的：

  • 可透過 Media Storage Wizard 把圖片發佈到 Picasa、ImageShack、LiveJournal ScrapBook 等
  • 可同時把文章發佈到多個 Blog 帳戶

雖然Windows Live Writer也可以把文中的圖片發佈到Picasa，但卻是僅限於使用Google Blogger的部落客才可以；另外，Windows Live Writer雖然支援多個部落格帳號，但每次的發佈動作卻只能針對單一帳號，對於同時擁有多個部落格的人，在Windows Live Writer中要進行多重發佈變得相當麻煩。

雖然目前跟Windows Live Writer比較起來，也只是多了上述兩個功能，但起碼對我而言這就很重要了！如果往後能有更多獨特的功能推出，或許我就真的會考慮跳槽了:D

倘若你不怎麼喜歡微軟的產品，或許可以考慮用Zoundry Raven來進行部落格寫作，這套軟體接下來的發展還真是令人期待啊！:p

]]> http://punk.tw/2008/02/19/752.html/feed 1 WordPress中同時使用Feedburner & Feedsky http://punk.tw/2007/10/12/353.html http://punk.tw/2007/10/12/353.html#comments Fri, 12 Oct 2007 15:06:25 +0000 deduce http://punk.tw/2007/10/12/353.html 這篇文章的出現是因為今天看到zEUS的留言說：「在大陆 feedburner 被和谐（ban），您还有其它的 feed 地址吗？」

由於我是用WordPress的Plugin，取代WordPress內建的RSS，指向Feedburner，讓訂閱來源一致可以使用Feedbuner的一些統計功能。

在不拿掉Plugin的前提下，我便想了辦法讓Feedsky也能讀到我的RSS Feed，雖然是個很迂迴的作法，不過就姑且分享吧！:D

  1. 首先利用Google Reader訂閱自己的Blog
  2. 在「管理訂閱項目」裡面替自己的Blog加上新的Tag，此Tag裡只有自己的blog。（當然你也可以藉此製作聯播功能啦～）
  3. 到標記的地方，將剛剛設定好的Tag設定為公開，再點選隨後的「檢視公開網頁」
    image 
    image
  4. 此時打開的頁面，內容的來源便是自己的blog了:D（或是您想製作的聯播內容），畫面的右邊就有RSS feed的連結囉，效果等同於自己的feed，只不過我是讓Google Reader又重製了一放，好讓Feedsky來連結。image

因此，未來同時提供Feedburner & Feedsky的RSS feed，方便在大陸的朋友也能訂閱。不過，直接輸入http://punk.tw/ 或 http://punk.tw/feed 還是會轉到Feedburner去。

Feedburner: http://feeds.feedburner.com/Cyberpunk

Feedsky: http://feed.feedsky.com/Cyberpunk

補充：耍笨了，如果我的Feeburner feed是透過Feedburner轉址，大陸的朋友雖然可以看到全文，但要點閱時還是會出錯。我想，要嘛就是新增一個permalink在feed裡面，不然就是請大陸的朋友平時觀看RSS即可，需要到訪本站麻煩點，自己打個http://punk.tw吧orz。

]]> http://punk.tw/2007/10/12/353.html/feed 3 修改WordPress 2.3 Tag Cloud的字體大小 http://punk.tw/2007/10/06/339.html http://punk.tw/2007/10/06/339.html#comments Sat, 06 Oct 2007 07:55:34 +0000 deduce http://punk.tw/2007/10/06/339.html image

昨天發現我的Tag雲的字體實在怪到誇張，本來以為是CSS設定的問題，後來發現似乎不是。從Google上找到這篇「修改 wordpress 2.3 侧边栏 widget 标签云字体大小」就輕鬆解決啦～

只要修改wordpress/wp-includes/widget.php裡面的呼叫wp_tag_cloud()的地方，加上參數"unit=px&smallest=8&largest=20"即可。其中分別是字體大小的單位、最小字體跟最大字體，我分別設定為10 & 16。

]]> http://punk.tw/2007/10/06/339.html/feed 1 讓Windows Live Writer支援WordPress 2.3的tag http://punk.tw/2007/09/26/306.html http://punk.tw/2007/09/26/306.html#comments Wed, 26 Sep 2007 14:13:31 +0000 deduce http://punk.tw/2007/09/26/306.html 花了好多時間在測試到底是什麼外掛讓我的Windows Live Writer無法正常發文，好不容易搞定了，當然是馬上接著設定Windows Live Writer可以直接使用WordPress 2.3的文章tag。

參考了一篇對岸朋友寫的文章：Windows Live Writer支持WordPress 2.3的tag的方法（不用插件），發現其實很簡單，只要到這裡下載wlwmanifest.zip這個檔案，解壓縮之後將裡面的檔案上傳到WordPress的根目錄，再次打開Windows Live Writer就會發現編輯區下方的選項多出了Keywords（關鍵字）的文字方塊，透過剛剛的檔案，關鍵字就是直接對應到WordPress裡的tag啦:D

本文下方的tags就是用Windows Live Writer設定好的喔:D

（我本來幾乎是把WordPress的分類當成tag在用，看來現在得把分類好好整理整理了:p）

image

]]> http://punk.tw/2007/09/26/306.html/feed 2 Windows Live Writer碰上WordPress 2.3遇到的問題 http://punk.tw/2007/09/26/293.html http://punk.tw/2007/09/26/293.html#comments Wed, 26 Sep 2007 13:25:32 +0000 deduce http://punk.tw/2007/09/26/293.html 昨天因為趕流行也把WordPress換到2.3了，一直很習慣用Windows Live Writer來發佈blog的我卻因此遇到了無法發佈的問題。（昨天的RSS Feed也因此大爆炸，因為我在client端看到的都是錯誤訊息，沒想到文章有發佈出去orz）

在Google稍微找了一下相關資訊，一開始認為是XMLRPC.php出了問題，但發現跟我遇到同樣問題的人幾乎都是WordPress plugins出的問題，今天總算卯起來停用所有外掛，一個一個交叉測試的結果發現罪魁禍首了：

image

居然是Google Analyticator出問題，另外我在GuaGua's Blog看到「Extended Live Archive」也會有問題，不過花兒開了已經提供修改好的版本讓網友下載：WP-Plugin: Extended Live Archive for WP 2.3。

Google Analytics的問題算小，大不了手動加程式碼:D（這麼說起來我還是昨天才更新 Google Analyticator的，說不定舊版的沒有問題喔）

好險我平常在用的外掛不多（七、八個，都是無關緊要的小功能XD），否則要一個一個測試就相當麻煩了，建議有遇到同樣問題的朋友就不厭其煩測試一下吧！:D

註：我錯了，發佈文章還是會有問題orz。

對不起各位朋友，我又錯了，結果是Google Sitemap這個外掛的錯，圖中的兩個外掛都沒問題，一直反覆測試文章造成困擾真是抱歉。

結果一上Google Sitemap Plugin for WordPress網站一看，有釋出新版的Plugin :p

]]> http://punk.tw/2007/09/26/293.html/feed 3 安裝Google Code Prettify http://punk.tw/2007/08/20/182.html http://punk.tw/2007/08/20/182.html#comments Mon, 20 Aug 2007 06:56:48 +0000 deduce http://punk.tw/2007/08/20/%e5%ae%89%e8%a3%9dgoogle-code-prettify/ Google Code Prettify是一個可以美化網頁上程式碼的小外掛，安裝方式非常簡單，可以參考官方發表的README檔案。

安裝步驟：

  1. 下載原始檔案（官方網站似乎不提供host）：
    http://google-code-prettify.googlecode.com/files/prettify-small.zip
  2. 在需要顯示程式碼的網頁加入下面程式：<link href="prettify.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="prettify.js"></script>
  3. （我的作法是將上述兩個檔案丟到Google Page Creator上面）
  4. 修改<body>標籤，加入onload="prettyPrint()"

 之後有需要顯示程式碼的地方，只要用<pre class="prettyprint">...</pre>或<code class="prettyprint">...</code>將程式碼包住即可。

（我猜直接連到http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css也可以，不過我就懶得測試了。）

在Google Blogger修改的方式如下圖：
（範本修改HTML、找到<head>將上述兩行程式放在<head>之後，再找到<body>將onLoad加在後面：<body onLoad="prettyPrint()"）

image

]]> http://punk.tw/2007/08/20/182.html/feed 0 Windows Live Writer圖文剪貼測試 http://punk.tw/2006/12/27/105.html http://punk.tw/2006/12/27/105.html#comments Wed, 27 Dec 2006 05:59:05 +0000 deduce http://punk.tw/2006/12/27/windows-live-writer%e5%9c%96%e6%96%87%e5%89%aa%e8%b2%bc%e6%b8%ac%e8%a9%a6/ 為了回應sinie在Windows Live Writer快速發佈你的部落格（安裝設定篇）的問題，特地寫了這篇文章來做個簡單的測試。（也感謝sinie的路過）以下就來個簡單的小測試，目標是測試Windows Live Writer在圖文剪貼的時候，是否會將其他網站的字體、排版設定一起貼到Windows Live Writer的編輯畫面中而導致畫面混亂。（同時存在兩種風格或版面）

測試過程

我以今天Yahoo奇摩首頁的頭條新聞「大樂透摃龜 告別秀高潮 下期獎金飆20億」為例，原始版面如下圖所示：

接下來我選取上圖所示範圍，並複製到剪貼簿：
最後回到Windows Live Writer貼上剛才所複製的段落：（下面的文字即直接貼上後的結果）

新聞首頁 >財經 >理財就業 >中廣新聞網

Add to My Web 儲存至「分享書籤」| 傳訊給朋友| 寄給朋友| 友善列印|字級設定:小中大巨

大樂透摃龜 告別秀高潮 下期獎金飆20億

中廣新聞網 更新日期:2006/12/27 03:00

大樂透「連九摃」，十億五千萬元獎金累入下期，北富銀清倉再加碼一億五千萬，明天頭獎從十二億元起跳，這是樂透史上的最高摃龜獎金。由於明天是大樂透最後一次開獎，預估買氣將比這一期還要火熱，頭獎可望飆破二十億元，這也是北富銀「彩券告別秀」的最高潮！（張雅惠報導）

 結論

複製圖文到Windows Live Writer裡之後，圖文的呈現方式會以自己目前使用的版面為主，依我的觀察與猜測，Windows Live Writer僅貼上所有的HTML原始碼，因此所有的header(<h1>)、段落、連結都會以目前正在編輯的blog所設定的CSS版面為主，不會連對方網站都一起複製過來。（所以說連圖片都是連到該網站上所提供的圖片，而非直接複製一份到本地端來；若有需要將圖片複製一份到本地端，則需要另外在圖片上選擇複製後再到Windows Live Writer貼上。）

此外，倘若是在別的網站中複製連結，再到Windows Live Writer貼上，則會將連結的文字、網址一併貼上（URL and anchor text），例如：大樂透摃龜 頭獎上看12億。

以上是個簡單的小測試，希望有點幫助。

註：圖文為Yahoo奇摩及原作所有，本文僅為測試之用，如有侵權請來信告知。

]]> http://punk.tw/2006/12/27/105.html/feed 1 如何增進部落格的品質 http://punk.tw/2006/12/25/101.html http://punk.tw/2006/12/25/101.html#comments Mon, 25 Dec 2006 13:42:01 +0000 deduce http://punk.tw/2006/12/25/%e5%a6%82%e4%bd%95%e5%a2%9e%e9%80%b2%e9%83%a8%e8%90%bd%e6%a0%bc%e7%9a%84%e5%93%81%e8%b3%aa/ 今天在Taiwan.CNET看到的兩篇文章：

如何增進部落格的品質（上）：http://taiwan.cnet.com/enterprise/technology/0,200...

如何增進部落格的品質（下）：http://taiwan.cnet.com/enterprise/technology/0,200...

裡面列了幾點，在此摘錄一下，有興趣的可以前往該站觀看全文：

  • 定義你的目標
  • 在外觀上吸引人
  • 使用合適的編輯工具
  • 讓網誌容易瀏覽
  • 不要輕易搬站
  • 與讀者建立關係
  • 建立部落格的撰寫時程
  • 保持簡潔
  • 發表之前做好校對
  • 使用供稿系統（即RSS）
]]> http://punk.tw/2006/12/25/101.html/feed 0 Windows Live Writer快速發佈你的部落格（圖形處理篇） http://punk.tw/2006/10/06/27.html http://punk.tw/2006/10/06/27.html#comments Fri, 06 Oct 2006 12:52:51 +0000 deduce http://punk.tw/2006/10/06/windows-live-writer%e5%bf%ab%e9%80%9f%e7%99%bc%e4%bd%88%e4%bd%a0%e7%9a%84%e9%83%a8%e8%90%bd%e6%a0%bc%ef%bc%88%e5%9c%96%e5%bd%a2%e8%99%95%e7%90%86%e7%af%87%ef%bc%89/ 前言

Windows Live Writer的各種功能裡面，讓我最為讚賞的是對於圖形的處理功能。很多時候你只是想要很輕鬆地寫一篇文章，但卻要動到Photoshop、Photoimpact等重量級的軟體來替自己加框、加陰影、改變色調或是加浮水印，其實這些基本的動作微軟統統替你整合在Windows Live Writer了！

通常我習慣的使用方式：

  1. PrintScreen或Alt+PrintScreen：直接抓下整個畫面或是單一視窗的畫面，寫軟體教學很好用，缺點是Windows Live Writer並未提供裁圖的功能。
  2. 直接逛到某個網站後，直接按右鍵選擇複製，即可將圖片複製到剪貼簿，再到Windows Live Writer貼上即可。
    若是從網頁上複製過來的圖片連結，會連圖片原始的網頁連結、註解文字一起複製過來。

功能展示：


原圖


加陰影


加框


加浮水印（位置可自由選擇四個角落或正中央）


黑白


褐色調


色溫調整（可自行調整暖色或冷色的程度）


Color pop，應該是指讓顏色突出，加強飽和度之類的？！


Sharpen銳利化


Gaussian Blur高斯模糊


Emboss

相關閱讀

]]> http://punk.tw/2006/10/06/27.html/feed 4 WordPress Plug-in: Google Analyticator http://punk.tw/2006/10/03/26.html http://punk.tw/2006/10/03/26.html#comments Mon, 02 Oct 2006 17:34:54 +0000 deduce http://punk.tw/2006/10/03/wordpress-plug-in-google-analyticator/ 如果在WordPress裡面想使用Google Analytics的統計服務，最常見的作法就是在各個不同的佈景主題裡面加上Google Analytics的JavaScript語法，然而這樣的作法相當麻煩，每當更換themes就必須重新加語法。（當然也有人自己改WordPress的source code）

現在有了Google Analyticator這個Plug-in就不必這麼麻煩了！只需三個簡單的步驟，以後無論怎麼變換佈景主題都不用重新設定。

  1. 上傳Google Analyticator plug-in到wp-content/plugins資料夾。
  2. 到WordPress的後台將Google Analyticator Plug-in Activate。
  3. 到後台->Options->Google Analytics設定即可。

Google Analyticator設定簡介

Basic Options

  • Google Analytics logging is:這邊當然要設定成Enabled才能啟用囉！
  • Your Google Analytics' UID:輸入Google Analytics給你的code，格式XX-XXXXXX-XX

Advanced Options

  • WordPress admin logging:設定當管理員登入系統時，是否讓Google Analytics統計資料，主要用意是避免像我這種每天要登入自己blog五十次的人，會讓Google Analytics的統計失真。
  • Outbound link tracking:是否統計出站連結。如果不希望Google Analytics統計出站連結，將這個選項disabled即可。
  • Additional tracking code:是否有要加入Google Analytics提供的其他選項，請自行查閱Google Analytics FAQ
  • Download extensions to track:你想要統計的檔案類型，例如mp3, pdf等格式的檔案被下載時，是否要列入統計？

Google Analyticator下載

]]> http://punk.tw/2006/10/03/26.html/feed 1 Windows Live Writer快速發佈你的部落格（安裝設定篇） http://punk.tw/2006/10/02/22.html http://punk.tw/2006/10/02/22.html#comments Mon, 02 Oct 2006 07:07:57 +0000 deduce http://punk.tw/2006/10/02/windows-live-writer%e5%bf%ab%e9%80%9f%e7%99%bc%e4%bd%88%e4%bd%a0%e7%9a%84%e9%83%a8%e8%90%bd%e6%a0%bc%ef%bc%88%e5%ae%89%e8%a3%9d%e8%a8%ad%e5%ae%9a%e7%af%87%ef%bc%89-2/ 前言

我是個深信「工欲善其事，必先利其器」的人，決定開始寫作blog之後，我先是比較了幾套blog的系統，並且決定選用WordPress，主要因素是WordPress系統成熟、網路既有資源相當豐富，遇到問題也比較容易解決（遇到問題的機會應該也不大:p）。

決定使用WordPress之後，我開始尋找可以快速發佈Blog的系統。其實以前曾經玩過Movable Type，當時便有提供給blog創作者的離線發佈程式，這對我而言很重要，因為我無法隨時online更新我的blog，如果有離線發佈程式，我可以先在電腦上完成blogging，等到有網路的時候再將資料傳到網路上。

於是WordPress有沒有類似的solution呢？今天的主題：Windows Live Writer便是我找到的答案:p（本篇文章即使用Windows Live Writer發佈，圖也是直接Print Screen即可，不用其他軟體）
註：類似的軟體還有Zoundry，雖然我不怎麼喜歡微軟，但我還是先用了Live Writer，沒去try Zoundry XD

Windows Live Writer簡介

Windows Live Writer是微軟於2006年8月推出的blog發佈軟體，可以讓你在一般的視窗環境中寫作blog，再發佈（publish）到網路上。Windows Live Writer的推出，主要是針對Windows Live Spaces的blog發佈，目前也同時支援WordPress、Movable Type、blogger等平台。

我目前想到離線發佈的好處有：

    • 不用擔心萬惡的微軟XP或IE突然當掉。
    • 不用擔心網路太慢、斷線打亂你的寫作思緒。
    • 如果你有多個blog必須同步發行文章，你只需要在軟體中選擇另一個帳號重新發佈即可。

Windows Live Writer安裝

在安裝Windows Live Writer之前，你的電腦必須先安裝Microsoft .Net Framework 2.0。接下來便可下載、安裝Windows Live Writer。

安裝的過程相當簡單，在此簡述安裝之後的blog設定。

  1. 選擇blog的是Windows Live Spaces或是其他系統。
  2. 輸入blog的網址、帳號與密碼
  3. 如果系統無法辨別你使用的blog，便會請你選擇並輸入相關資料（下個部份再解說）。
  4. 接下來會開始下載一些blog本身的資料，例如分類、樣板等。
  5. 完成之後會請你替這個帳號的設定檔命名。通常直接選擇Finish即可。
  6. 往後的編輯畫面就會以blog的樣式出現。

相關連結

]]> http://punk.tw/2006/10/02/22.html/feed 9