Evilsmile's Swing x 違章建築 x 打掉重練

再次介紹一個之前碰到可是沒有時間寫的部落格工具：popIn Rainbow，把它加入到你的Blog就有類似右鍵選單的功能，(如下圖所示↓)

 
(當你用滑鼠框起某一段文字，會自動跳出搜尋選單。)

(註冊方式如下↓)

RSS已經是很多人生活中的一部分，不過還是有很多人不懂它，偶然在網路上看到一個簡單有力的影片來表達它 :)

RSS簡單懂

technorati tags: RSS, reader, google

NUWeb這個名詞可能曾經被你聽過，不過對很多人來說我相信仍然相當陌生，希望藉由這篇文章簡短做個簡介與教學。

NUWeb所訴求的就是由更簡單的步驟，更直覺的操作環境，就能讓你擁有自己的網站與分享平台。你只需要透過像是在Windows作業平台環境一樣的拖拉動作，把您想要分享的資訊移動到目的資料夾(好比說相簿、音樂本、電影資料夾...等)，接下來NUWeb能自動把這資料夾產生對應的網頁，你不需要具備有網頁語言設計知識，也能夠在短短5~10分鐘內架設好自己的網站。(當然假使您具有深厚的網頁知識，NUWeb也提供Source Code讓你有更大的發揮空間)

NUWeb Apha1.1
NUWeb：簡易安裝說明
NUWeb：快速架站說明

我的第一個NUWeb：
http://www.nuweb.cc/user/evilsmile or
http://evilsmile.nuweb.cc
(建議使用IE來觀看達到最佳效果)

當然NUWeb並不單純只有提供一個分享平台，它還有其他方便大家在瀏覽網頁的抓取工具NUBraim，提供自動上傳資料的NUCache，撰寫文件的NUBlog，還有上面簡介分享自己檔案的NUServer，等等眾多東西，目的就是提供大家更便利的網路環境，希望大家假使有問題可以反映給我們。

相關閱讀：NuWeb 現況

technorati tags: NUWeb, Web, Blog, NUBlog, NUBraim, NUServer, NUCache, evilsmile

PTT西施版(Beauty版)最大的賣點就是有很多美女圖片可以看，美女的照片最愛放的地方也就是無名相簿(wretch's album)[，但這當中並沒有一個邏輯是：是美女才可以放照片在無名相簿(不好笑，我耍冷了)]；而我自己本身看無名相簿最大的痛苦，就是無名並沒有一個快速的bar能讓使用者快速切換每張相片，每張相片要看原圖時又要一張一張點選起來，這當中版面上又充斥著無數的廣告@@，分享幾個網路上得解決方法。

首先是我看在網路上survey到這個網址：無名相簿瀏覽器(不好意思我忘記是在哪裡看到了，所以沒有註明出處)，使用方法很簡單，只要輸入相簿網址，就可以把指定相簿裡面的照片全部一張一張顯示在頁面下，可以自己設定每張圖片的大小，用起來相當方便。假使真的要挑缺點的話，只有當你輸入相簿首頁，他並不會列出該頁面下有哪幾本相簿，一定要確實輸入某本相簿的確實網址才會成功。

LAB的學長也寫了一個另類的快速網頁瀏覽器，只要你輸入相簿的使用者帳號，就可以把相簿裡面的相本條列出來，(如圖↓)

藉由點選每張圖片，會彈出每張照片的原圖，用起來頗有Flickr的味道，不過版面看起來很陽春就是了。(如圖↓)

ps：學長的網站只做單純鏈結，無任何下載動作，如有侵權，煩請留言告知！

學長的網頁下面還有一個貼心的功能，就是會條列出相簿中每張相片的網址，把他們全部選框起來，並且選擇"複製"，打開flashget，選擇"編輯"→"貼上連結"，就可以全部抓下來了^^

technorati tags: 無名, 相簿, wretch, 快速瀏覽工具, evilsmile

打開Gmail，一個顯眼的紅字串顯示在左上角 "新功能！"，沒錯Gmail又有了新的改進，挑出其中令我比較振奮的功能與大家分享。

• 從其他帳戶取得電子郵件
  可以從多達五個其他的電子郵件帳戶擷取郵件 (新的或舊的)，並且統一在 Gmail 接收這些郵件。
  基本上我期待這個功能很久了，以往要把所有帳號中的郵件都看一便是很花時間的一件事情，假使其他的郵件系統都支援forward的功能話或許很多問題都能迎刃而解，偏偏總是有幾個害群之馬 ex: hinet ...等的信箱就是只能用Outlook等軟體接收，假使說換台電腦就不能收信了，Web版的Hinet收信並不討好，造就了許多的麻煩，Gmail有這個功能真的是太便利了。
  
  
• Gmail 歡迎所有人加入！
  把硬碟空間拉到了2.8G，也從原本的邀請機制換成直接可到 www.gmail.com 來申請帳戶。
  說到網路空間的先驅真的都是Gmail給帶起來的，從原本一開始推出的100MB→1G，打破了眾多小家子氣信箱業者的眼鏡， 現在又從1G→ 2.8G的轉變，相信又是網路上的另一波衝擊。縱合上面兩個特點，不難看出Gmail這次真的是信心滿滿，期望吃掉其他免費信箱空間的使用者。
  
  
• Gmail 可以用來「交談」了
  當您的朋友上線時就可以立即看到他們，並決定您要用哪種方式與他們聯繫。 電子郵件以及即時通訊功能不需要分得這麼清楚。
  這個服務可以帶出一個概念，他把以往大家熟西的溝通模式，不論是即時通或是電子信箱都帶到Web上去了，且讓你能夠在觀看郵件時一邊還能跟別人即時通，很自然的把兩種概念都綁在一起了，不論你能接受哪邊都能接受Gmail。
  換個角度來說，Gmail就變成另一種的留言板，具有即時性的留言板；以前大家使用網路上眾多社群論壇時，總是會有這樣的一個功能 : "當有新回應時會以eMail告知你"，可是苦苦等待mail不如自己回去多看別人是否給你新的流言，現在Gmail給予這種論壇或是社群寄信通知功能有了新的活力，你可以把Gmail當作是另外一個MSN來接收及時的訊息。(不過也有一個缺點，當自己一上Gmail看信時也會面臨如同即時通的狀況，別人會知道你目前的登入狀態，這麼方便的服務好像有時候卻是缺少了點隱私)
  
  
• 以 HTML 檢視
  按一下 [以 HTML 檢視] 即可以網頁的型式來檢視 Microsoft Office、OpenOffice 或 PDF 附檔。
  面對目前龐大的資訊量，讓訊息能夠快速的流覽這點就顯的特別的重要。好比說你收到一封信件裡面挾帶著一個word檔案，你為了看到這個word檔的內容，於是你花了2.3秒的下載時間，花了10多秒開啟Word的時間，我想你要看裡面內容的興致都沒了。
  
  
• 自動儲存
  自動儲存功能，它幫我們把撰寫的郵件儲存起來。
  這！好像在用Outlook或是Thunderbird，好像整個的很應用軟體的感覺了。

以上是我個人覺得方便的功能，分享些心得看法給大家參考，當然還有其他的部份大家也都可以嘗試看看。

technorati tags: gmail, Google, Outlook, Thunderbird, evilsmile

上次分享了一些透過Search Engine或是網站提供的服務來找尋自己Blog的方法(連結)，皆續幾天的嘗試，又發現些東西可以分享給大家。

• ICEPOCKET：(http://blogs.icerocket.com/)
  
  這網站提供各式各樣的搜尋(Blog、Web、Myspace、News、Image)，其中我個人覺得比較有趣的是Blog與Myspace的搜尋功能(大家有空可以玩玩看)，跟上次一樣直接輸入自己個人Blog的網址(URL)即可，也可以輸入可以代表自己Blog的關鍵字查詢。
  ICEPOCKET也提供視覺化的工具：可以輸入不同三個Blog的網址，即可得到分析曲線圖。
  

  可以直接把Blog的位址告訴ICEPOCKET，或是在自己的Ping名單中新增它。
  Add Your Blog、Ping Us!

• blogpulse：(http://www.blogpulse.com/index.html)
  
  這網站跟上面網站提供的服務很像(連視覺化介面都長的蠻像的:P)，也一樣提供Blog的搜尋、分析與視覺化，用起來都很簡單，像google一樣，我就不多做介紹了。
  
  
• alexa：(http://www.alexa.com/)
  
  這個網站提供三種方式的搜尋(Search、Traffic Rankings、Directory)，第一個當然是Blog文章的搜尋，第二個利用圖表視覺化的呈現流量分析，最後一個是分類搜尋。
  
  

其實最近可以看的出來，這種專門為Blog做搜尋、做視覺化分析的網站真的是越來越多了，可以看的出來網路對Blog真的是越來越重視。

然而雖然Blog也是一個Web，但是卻不同傳統使用Search Engine去分析它去看它，反而設計出這麼多的網站幫助我們搜尋Blog，我想其中有很多因素是Web page所沒有的，好比說Search Engine是會主動去搜尋網路上的網頁，而這類型的網站(ex:上面所介紹的三者，還有像technorati等)可以由使用者主動告訴它有新文章的創作，對方網站就會主動建立index；又好比比起傳統網頁，使用者會更關心於自己的Blog的閱讀率怎樣？文章被點閱次數怎樣？哪些關鍵字或是哪篇文章比較受大家歡迎...等等，或許是這類型網站可以更smart，更detail的告訴我們。

technorati tags: blog, web, search.blog, icepocket, blogpulse, alexa, 搜尋, 分析, 部落格, evilsmile

Blog，一個新一代的文章表達方式，屬於網路共享空間的一種。大家寫文章的同時，也會關心於有怎樣的社群或是讀者在閱讀你Blog上面的文章，提供幾個方法搜尋到自己Blog的存在。

最簡單的方法莫過於透過傳統Search Engine對網頁建立index，相信大家不陌生，把自己網頁的網址打入搜尋列，讓Search Engine告訴你其他網站哪些地方有出現過你Blog網址的蹤跡。可以嘗試打入http://+網站位址或是單純打入網站位址。<ex:>範例：把http://blog.roodo.com/evilsmile or blog.roodo.com/evilsmile輸入搜尋引擎搜尋結果。

Google：http://www.google.com
Yahoo：http://www.yahoo.com
MSN：http://tw.msn.com/
(PS: MSN Search要在上面打 link:+URL，這樣才找得到)

另一種搜尋莫過於專門替Blog良身訂做的搜尋方式，介紹如下：

Google Blog Search：http://search.blogger.com/blogsearch?ui=blg&hl=en
Yahoo Blog search：http://www.ysearchblog.com/
Yahoo 部落格搜尋：http://tw.search.yahoo.com/blog?ei=UTF-8&fr=yfp&p=
Technorati：http://www.technorati.com/

不過用起來的感覺還是Google Blog Search的效果遠遠好於Yahoo(不管是中文版的還是英文版的Search)，Google Blog Search還能找出哪些人的Blog引用你Blog的文章喔，還蠻神奇的。Technorati原本就是設計來搜尋Blog的強者 (之前也寫過介紹他的相關文章)，找到的結果相關性最高；唯一真的要挑剔的地方，就是是假使別人Blog文章沒有ping給Technorati建立index的話，就不容易發現哪些人的Blog有引用你的文章了。

另外還有原本是設計來分享網路書籤的del.icio.us或是HEMiDEMi..等(沒有一一介紹)，也可以透過搜尋關鍵字，找到別人推薦你Blog的文章：

del.icio.us/url：http://del.icio.us/url/
(PS: 可以直接輸入網址，找到關於你Blog的蹤跡)

technorati tags: Technorati, search, web, find, blog, google, yahoo, msn, blog.search, del.icio.us, HEMiDEMi, evilsmile

上次分享過我曾經使用過的RSS Reader的經驗後，經由Vista大所分享的「livedoor Reader」連結知道了有這個東西的存在，很快的也因為Google Reader速度緩慢的缺點是日益明顯，假使每個feed訂閱文章到了200上限，那你的Google Reader就像烏龜在那邊慢慢爬給你看(開Word的那種緩慢心情油然而生 :P)，唉真的受不了，於是我又嘗試了這個新鮮的Reader，簡單的分享粗略的操作說明與經驗給大家。

liverdoor似乎在日本還蠻有名的，提供了也相當多的服務，由他的首頁就可以略觀一二，簡略介紹如下：

• livedoor PICS：
  就是Flickr的翻版！但是有優於Flickr的緩慢速度。
  

  相關文章：來逛livedoor PICS 

• liverdoor Blog：
  提供相當多的CSS主題樣式。
• livedoor グルメ (gourmet)：
  可以找到日本有名餐廳的資料。
• livedoor 辞書：
  国語辞書 英和辞書 和英辞書。
• liverdoor clip：
  簡單說他就像"del.icio.us"或是"HEMiDEMi"這樣的線上書籤服務，有趣的是可以跟即將要介紹的Reader做連結，把有趣的文章放到clip上面。
• 其他服務：地図、路線、辞書、翻訳...

當然我的重點擺在介紹主題livedoor Reader，從簡單的申請到使用說明介紹如下：

申請畫面：

• 第一次登入：
  
  
  
• 設定資料：(記得圖片中說明的地方皆要填)
  
  
  
• 設定身分：(記得圖片中說明的地方皆要填)
  

操作說明：

• 左側的使用欄位：更新、編輯、追加
  
  
  
• 新增Feed or Import：
  由上面的欄位中找「追加」欄位，此時畫面上面會出現兩張標籤如下：
  
  第一個標籤即是新增一個新的feed (可以直接輸入Blog網址，網頁會自動搜尋，但保險起見還是直接輸入RSS的位子會比較好)，第二張標籤即是Import，以OPML的格是匯入你在別的Reader的訂閱。
  
  
• 新增分類(Folder)或是刪除Feed：
  由上面的欄位中找到「編輯」，操作畫面如下圖：
  
  PS:刪除分類(Folder)後，該分類下面訂閱的Feed並不會消失，而是會放到"未分類"資料夾下面。
  
• 更新：
  當有對分類(Folder)或是新增刪除Feed時，記得點選左側的「更新」欄位，底下的樹狀結構才會跟著更新。

閱讀文章：

• 未讀文章
  左側的欄位會顯示目前哪些文章還沒有閱讀，如下圖：
  
  點選之後的畫面功能介紹如下：(原圖)
  
  
  
• 每篇文章有三個功能如右圖示→
  由左而又分別是：迴紋針(把文章收錄到clip)，圖釘(把文章標上Star)，打X(跳至下一篇文章)
  
  

結語：

livedoor Reader的介面如同Google Reader，甚至很多地方都可以看得到它的影子(但我不是很清楚哪個先出來的)，但是他的操作性與速度遠快於Google Reader；但是livedoor Reader如同Bloglines的缺點，當點選某一分類時，他會把全部文章標示為已經閱讀 (美中不足的一點)，可藉由每篇文章旁邊的功能 中間的圖釘把想閱讀的文張先highline起來，等看過一便再選擇有興趣的閱讀。這篇文章稍微介紹的有點凌亂，如有意見也可以一起分享 :D

technorati tags: web2.0, web, blog, 訂閱, rss, reader, evilsmile

這個世代最辛苦的一件事情，就是要用(買)一件東西之前都有玲瑯滿目的「選擇」攤在你面前；在我挑選RSS Reader的時候也不例外，一樣一樣都得以身試法，由單機版與 Online 之間我取決了Online版本，原因是因為在家裡與學校之間常常會來回跑，自然單機版就比較不方便 (但無庸置疑的一點，單機版的閱讀速度絕對遠快於Online版本 XD，當然你把學校或是公司的電腦當作是一台Server也是一個不錯的選擇)。補充說明：RSS & RSS Reader。

以下我會挑一些的使用心得跟大家分享，但不會每樣東西都介紹的很詳細，也希望大家都玩玩看。在介紹之前有興趣可以看一篇文章，Just How Big Is Google Reader?，下面的圖表可以稍微透露出目前大家使用Online RSS Reader的一些趨勢，(附圖↓)

1. Newsgator：
   最早再設計Blog版面的時候，用過 newsgator 當作我的聯播網，後來發現其實他也可以當作 RSS Online Reader 來用，很方便的它提供了讓你插入到Blog的JavaScript，是Newsgator的特色之一(它的呈現樣式還可自行設定)，安裝說明如下：

   你也可以有「新聞聯播」 (現在新版本的頁面會稍微跟介紹有點出入)

   他也提供了Import/Export的功能，可是藏在一個小地方，方法如下 (記得要先把OPML改成public以後才有辦法export出來，再改回去private即可)：
   

   How to export your subscriptions (OPML) from NewsGator Online
   

   (另外他也提供一些方便的Toolbar for IE and firefox，如下圖↓)
   
   
   (還有類似newsgator上面可對每篇文章作評分的javascript，如下圖↓)
   
   諸如此類的服務可參閱：Extras
   
   很不幸的他有一些缺點!第一個因為它是用ASP寫出來的，自然跑在IE7.0的效能會比Firefox來的好很多，這點容易克服；另外一點是在於原本我是把 newsgator 當作聯播網來使用，當然某些訂閱我並不希望他呈現在Blog上面時我會把它的Location 的地方反勾掉Web的部份 (即在不想看的 feed 按「右鍵」->「Edit Feed」->在"Step 3: Choose your Locations"的地方把"NewsGator Web Edition"給反勾選掉)，可是Blog上面不會呈現了，間接著Online Reader上面也看不到了，這點有點可惜，因為假使我是一個RSS Reader我願意分享些東西在我Blog上面時，我並不一定願意分享我全部的訂閱。
   
   
2. Rojo：
   由上面的圖表可看出 Rojo 的使用者與日爆紅，也很高興找到了幾篇不錯的教學文章
   

   薄荷's Blog：系列文章
   vgod’s blog：試試Rojo
   Honesty's Blog：試試Rojo (但這位作者很有意思，後面他又跳槽到Google Reader去了 XD)

   很可惜我用的結果不盡理想，原因之一是因為他又大幅度的改版，已經跟薄荷Blog上面的介紹的版面有了很大的出入，我整個用起來很不直覺且找不到刪除的工具列 @@，最主要的原因我不清楚Rojo是不是最近又再整修，我常常要連上去的時候會遇到403錯誤，說重新導向陷入無限回圈。不然Rojo的AJAX介面還算流暢，雖然速度還是不算快過於Bloglines，但基本上算令人滿意，或許有在使用的你可以給我一些新的建議，我用了以後挫折感很重。
   
   
3. Bloglines：
   我想這是老字號的牌子Bloglines，也是眾多使用者的大宗，我找了幾篇教學如下：
   

   除了 RSS Reader Panel，還有 Bloglines
   Bloglines Toolkit 1.6.2 [中]
   

   我想只有一個缺點我要挑剔的，就是當你訂閱的一個feed有10篇文章未讀時，只要你按了其中一篇文章嘗試去打開它時，所有的文章都已標示讀完><，這對我來說真的是大大不方便，假使Bloglines改掉這個缺點就變的更完美了，對於Bloglines的優點真的是太多，尤其他又提供繁體中文語言，大家可以自己玩玩看。
   
   
4. Google Reader：
   其實我原本並不是這麼看好Google Reader的，可是之前的改版讓Google Reader看起來更像是使用Gmail一樣的直覺與快速，他擁有了Bloglines沒有的multi-tagging，每則Blog文章也可以親自點閱，再搭配上Google的其他一堆有的沒有服務(as:Google Personal)
   

   介紹：Finally, I Choose Google Reader
   

   裡面的影片把Google Reader所有強而有力功能濃縮城短短九分鐘左右的影片，大家只要trace一次就知道它的好；還有我要特別讚美Google Reader有把Sharing這樣的概念擺進去Reader中，你可以挑選幾篇文章或是你要的部份，
   (按鍵如右→)
   Reader會自動產生頁面提供給你挑選出來的文章分享給自己的好友。至於Star的功能就如同Gmail。
   它的缺點如同上面文章中所說的，反應時間稍微有點久+沒有提供搜尋的功能，還有我覺得Google Reader在管理Tag方面不是很完善，無法更改名稱 (必須砍掉Tag再重新新增一個)，Tag方面也沒有提供直接拖曳的功能，有違背Google大力提倡AJAX的本質。

講了這麼多，個人比較推崇 Bloglines 和 Google Reader，Bloglines只要扣掉我說的缺點就是完美，至於Google Reader真的是很直覺，越是直覺的東西我相信對於使用者來說就是一個福音，上手方便，也希望大家有不同的意見可以提供給我。

technorati tags: web2.0, blog, rss, google, reader, 聯播網

Technorati 這個名詞我想對會使用Blog的人來說並不陌生，在瀏覽別人Blog的時候常會看到這樣的標籤 ，Technorati可以把你指定的Blog加入他的搜尋行列中，可以從他的web端搜尋到相關的Blog裡面的資訊，並且提供你Javascript嵌到你的Blog中，假使您Blog並未提供站內搜尋的話，將會是一個很好的幫手，如下圖↓

• 安裝說明：Technorati 部落格裡的「google」─ 申請及使用教學 
• 額外功能說明：Technorati link過你！ 
• Technorati Tag ：關鍵字轉Technorati標籤

那令人感興趣的在於Technorati Tag這個部份(我相信很多人的Blog跟我一樣都沒有提供Tag的功能，只有分類的功能)，很可惜我從google找到的上面那篇文章必須是自己安裝的Blog才能夠自己安裝這個plugs，不過卻又找到令人振奮的教學：

1. Technorati Tag 書籤產生器 
2. Technorati tags bookmarklet.

這篇兩篇文章都是在firefox或是其他瀏覽器編輯書籤，嵌入一段簡單的Javascript，讓你在撰寫文章的時候利用打開書籤的方式輸入所需要的tag，接著產生HTML碼方便使用者貼到文章中，目的是讓 Technorati 在 Claim 你的 Blog 的時候能把這些 tag 也加入他的分類。我稍微修改了一下"Technorati Tag 書籤產生器"這篇文章中的JavaScript碼如下(目的等一下會說明)：

javascript:(function(){var a='';var t=prompt('Enter Tags ,and seperate tags with a space','');if(!t) return;var tr=t.split(' ');a+='<p><img id="image329" src="http://freehogg.wordpress.com/files/2006/04/technorati.gif" alt="Technorati" />technorati tags: ';for(var i=0;i<tr.length;i++){if(i > 0){a+=', ';}a+='<a href='+unescape('%22')+'http://www.technorati.com/tags/'+tr[i]+unescape('%22')+' rel='+unescape('%22')+'tag'+unescape('%22')+' class='+unescape('%22')+'techtag'+unescape('%22')+'>'+tr[i]+'</a>';}a+='</p>';prompt('Copy this code, press OK, then paste to your blog entry:',a);})()

PS:特別注意到上面的網址必須沒有空白貼到書籤(bookmark)網址時才不會出錯

之所以會這樣的修改原因是因為我又發現到Technorati在自己的網頁中也提供了網頁版的標籤產生器：Technorati Tag Generator

那這個網頁產生出來的Tag多了一個class = "techtag" 的宣告，目的讓使用者能夠自己宣邊CSS的產生樣式，網頁下方也提供了一個簡單的sample如下：

a.techtag { font-size:2px;color:#fff; }
div.techtags { border-top:1px solid #888; margin:5px; margin-top:15px; padding:5px; color:#888; font-family:Tahoma, Arial, sans-serif; font-weight:bold; font-size:11px; }
div.techtags a.techtag { font-size:11px; font-family:tahoma, arial, sans-serif; color:#888; font-weight:normal; }

technorati tags: Technorati, web, blog, web2.0, search, tag