「布丁布丁吃什麼?」範本改版記錄 / Talk About Pulipuli Blog’s New Template
「布丁布丁吃什麼?」範本改版記錄 / Talk About Pulipuli Blog’s New Template
很久以前我就在一篇文章裡面提到,我一直很想用Bootstrap來將Blog的版面重新修整。而自調整之後已經過半個月了,現在讀者們看到的這個樣子就是改版後的結果。這篇就跟大家來聊一下這次的改版。
(more...)很久以前我就在一篇文章裡面提到,我一直很想用Bootstrap來將Blog的版面重新修整。而自調整之後已經過半個月了,現在讀者們看到的這個樣子就是改版後的結果。這篇就跟大家來聊一下這次的改版。
(more...)5月 01, 2011 0 Comments 程式寫作 電腦軟體 JavaScript Plurk Programming/JavaScript
這支userscript是我參考GReader Favicon Alerts修改而成,可以在Plurk圖示上顯示未讀訊息的數量。
Google Chrome的「固定分頁」是一個節省分頁導覽列空間的好功能。他將分頁的寬度縮小到只剩下圖示,並固定在分頁導覽列的左方,讓我們保持一些常常需要查閱的網頁。
我常常會將Plurk固定在Chrome中,但是又常常會想切換到Plurk看一看有沒有「未讀訊息」,久而久之就覺得這個切換的動作很麻煩。所以就想要參考GReader Favicon Alerts的方式,在Plurk圖示上加上未讀訊息的記數。
這個程式只能用在Google Chrome、Firefox等有支援userscript的瀏覽器上,IE是沒有支援的。
至於userscript的安裝方式,虫二的[教學]如何讓不同的瀏覽器正確安裝並執行使用者腳本 (Userscript)已經有很詳細的教學,在此不再介紹。
(more...)3月 16, 2011 0 Comments Android OS/Android Plurk
之前我在blog介紹過利用Pixelpipe這個第三方服務來離線寄送到Plurk的作法,到現在我仍然覺得很好用。在Android上,「Email Me」這個小工具可以讓你直接指定要分享的e-mail對象,更是省下要去指定e-mail的麻煩。
這一篇將會簡單地回顧一下離線發噗的作法,然後介紹「Email Me」的安裝、使用,讓大家離線發噗更為容易。
發噗的時候往往都是心血來潮、靈機一動,甚至是想要拍個照片就想要跟大家分享。這種隨時隨地想要發噗(在Plurk上發表訊息的意思)的需求,也就是行動發噗的情境,是我生活中常做的動作之一。
現在大部分的智慧型手機都具備Plurk傳送訊息的功能,但遺憾的是並不是每個人都有能力負擔起高昂的吃到飽費用。我自己雖然有Android手機,卻也停掉3G上網的功能,以節省電話費的開銷。我的Android手機只會透過免費的Wifi無線網路上網,也就是回到宿舍、實驗室等地方,才能夠連上網路。
現在大部分的Plurk軟體都必須連上網際網路才能正常運作。對於我這種較少連上網路的人來說,實在是很不便。有人說,你可以回到家裡再來整理要發表的訊息、照片什麼的,可是這樣子就喪失了當下情境的氣氛,讓人一點整理的動力都沒有。
基於上述理由,我需要能夠以智慧型手機來達到行動離線發噗的解決方案,而Pixelpipe正能夠滿足我離線發噗的需求。
離線發噗的原理是以e-mail傳送到Pixelpipe這個第三方服務,然後再交由Pixelpipe去發表到Plurk上。大部分的智慧型手機都具備離線撰寫e-mail、上網時傳送的功能,正好能滿足我離線發噗的需求。Pixelpipe的設定細節,我已經在行動離線發噗這篇說明。
撰寫e-mail發噗時,每次都需要指定收件者為Pixelpipe的接收帳戶,其實也是一件挺麻煩的事情。
我在在行動離線發噗這篇有建議將Pixelpipe的e-mail地址設成聯絡人,並在名稱前面加上0或特殊符號,以確保他能夠在聯絡人列表最前面就能選到,但是要多寫一個聯絡人就是麻煩。
所以我著手找尋更直接、更簡單就能指定聯絡人,讓我只需要寫主旨就能夠寄信的方法。
Email Me是Android上的一個工具。他的用途很簡單,就是讓你設定一個或多個e-mail地址、指定主旨或內文,然後加入Android的分享媒介中。
上圖是Email Me Settings的畫面,也就是設定Email Me的細節。其中你可以看到General類別第一項就是設定Email Address(es),你可以在此設定Pixelpipe的指定位置。
設定完之後,你在Android上使用到任何「share」或「分享」的功能時,都可以從分享媒介中找到「Email Me」的項目。
點下「Email Me」之後,就會進入如上圖所示的撰寫e-mail的功能畫面,而且還會自動地幫你把聯絡人都選好了。現在你只要寫主旨,甚至是省略主旨直接按下傳送,就能夠離線發噗囉。
行動離線發噗並不能夠離線瀏覽別人的噗浪,但是對於記錄生活中的點點滴滴來說,卻是十分有用的一種方式。
Plurk一度也想模仿利用e-mail來發佈訊息的作法,但使用時卻比第三方Pixelpipe還要不穩定,而現在他們已經將此服務關掉了。
Pixelpipe在我撰寫行動離線噗浪之後又做了很多改進,像是提昇與噗浪的穩定度,讓e-mail附件的照片能夠直接變成Plurk內嵌的文字等,讓他成為越來越棒的服務。而且透過Pixelpipe的功能,我還能夠將照片同時備份到Flickr等網路相簿中,彌補Plurk上傳圖片後難以管理的缺點。
Email Me儘管只是一個很小的工具,但是當撰寫e-mail這件事情變成常態之後,Email Me卻可以幫你提昇發噗的效率。效率提高、也就是更容易發噗之後,連帶的也會更想分享生活中有趣的點點滴滴。
最後,歡迎大家加入我的Plurk,一起來聊天吧。
(more...)10月 11, 2010 1 Comments 電腦軟體 網站服務 Plurk
我習慣於用Plurk來寫個圖文兼具的噗,而Plurk中要貼圖必須要先上傳、取得網址才能完成這個任務,操作手續繁雜。再者Plurk內建的圖片伺服器並沒有提供像ImageShack、Flickr這種專門為圖片、影片典藏網站一樣的管理介面,上傳之後就無法再管理,要取得舊有圖片也是不方便。
後來我發現可以使用ZSCreen這個強大的工具來解決上述的問題,讓我可以快速地截圖、上傳圖片到指定的網站(如ImageShack)、並且方便地將圖片連結放到剪貼簿中。
你有在使用Plurk寫微網誌嗎?我非常習慣於使用Plurk來記錄事物,像是一邊寫論文的程式,一邊記錄一下現在做到哪裡、狀況如何、下一步該做些什麼。這樣能夠讓我方便日後將這些零碎的資訊彙整起來撰寫成一篇較為完整的Blog。
Plurk的特色在於可以在簡短的140字中提供圖文兼具的內容,只要貼上圖片的網址,最後即能顯示圖片的縮圖,別人也能點選縮圖看到更大的圖片。上圖即是早上我分享Astrid小章魚待辦事項工具的更新消息,貼個小章魚圖片可以讓同樣使用這個軟體的同好更容易發現這消息。
說實在的,Plurk的貼圖功能實在是不好用。首先要先從「分享 > 圖片」中打開「分享圖片」的對話視窗,選擇檔案,按下「上傳圖檔」,等待圖片上傳,然後再繼續寫你想要寫的內容。
其實這個動作最終目的也不過就是要取得一個圖片上傳的網址,但是這些等待動作卻可能會打斷寫作的思緒。
另一個問題在於利用原本的上傳功能上傳到Plurk的圖片伺服器之後,使用者就沒辦法管理那些已經上傳的圖片,而圖片也會被強制縮圖、無法展現原本的大小。他不像ImageShack或Flickr這種圖片或影片典藏網站一樣具備豐富的管理功能,使用者更無法回溯以前自己上傳的圖片。這對像我這種利用Plurk記錄生活點滴的使用者來說是非常不方便的缺點。
因此,我需要透過第三方的服務來協助我典藏圖片與上傳圖片。我使用的圖片典藏網站是ImageShack,而圖片上傳工具就是本篇的主角ZScreen了。
由於重灌狂人介紹了ZUploader這個好用的圖片、檔案、文字上傳軟體,連帶地也讓我發現了ZScreen這個比ZUploader更為強大的工具。
ZScreen功能不僅具備原本ZUploader可以做到的上傳功能,還有各種豐富的功能可以使用。第一次開啟來使用時,我在SCreen的複雜介面中摸了好久才知道個大概,甚至有部分功能是看了網路上簡睿隨筆的ZScreen:一氣呵成的單鍵「抓圖與傳檔」工具才知道原來還有短網址功能。
ZScreen還有一個很重要的功能,除了可以用匿名身分上傳之外,還可以用已註冊會員的身分上傳到目標位置,包含FTP、本地端主機、RapidShare、SendSpace、Flickr、ImageShack、TinyPic、Twitter、ImageBarn、MindTouch等你可能聽過也可能沒聽過的空間。這個功能讓我們可以方便地將圖片上傳到自己慣用的圖片典藏網站中,已方便進行圖片的管理。
這隻黃色樹蛙是老牌多媒體典藏網站ImageShack的招牌圖示。ImageShack的特色在於免費、穩定、上傳無限空間、提供圖片直接連結(這樣子才能在Plurk上顯示,而不是一定得連到該網站才能開啟圖片),他也有很多第三方工具來協助上傳,像ZScreen就是這類型的工具之一。
註冊免費會員之後,使用者可以利用「My Images」功能方便地管理上傳的圖片、影片,而沒有像Flickr免費會員只能看200張的限制。根據使用條款的說明,註冊會員的圖片將會永久保存而不會被刪除。當然,前提是不要觸犯暴力及色情的使用條款限制。
我現在多使用ImageShack來保存圖片,而在以下ZScreen介紹中也是使用ImageShack作為上傳圖片的目的地。如果看到這邊你也覺得很有興趣的話,歡迎點此註冊一個免費會員來玩玩!
安裝ZScreen、註冊ImageShack的操作不難,但是要在ZScreen介面中設定上傳目的為ImageShack,則需要摸索一陣子。我假設正在看這篇文章的你已經安裝了ZScreen,也已經註冊了ImageShack,那麼接下來就是教你怎麼在ZScreen裡面進行設定。
ZScreen必須設定你在Image Shack的User Name(使用者名稱)跟Registration Code(註冊碼)。User Name在註冊的時候你應該已經設定了,不過Registration Code則是要註冊完畢之後到My Images –> Preferences(偏好設定)裡面才能查詢。其中「My ImageShack Registration Code」底下的表單則是Registration Code,看起來就像是一串很長的亂碼。
請打開ZScreen的主介面「Main」,並在「Destinations」的「Images:」中選擇「ImageShack – www.imageshack.us」。
一樣是在ZScreen的視窗中,從上排導覽頁中選擇「Destination」,再從次導覽列中選擇「ImageShack」。你會看到ZScreen需要你填入Registration Code跟User Name,請你將ImageShack中的資料填入即可。
如此設定完畢之後,透過ZScreen上傳圖片資料就會自動傳到ImageShack囉。
接下來我來利用ZScreen的Screenshots(圖片擷取)功能,來一氣呵成地擷取網頁圖片、直接上傳到ImageShack、取得圖片網址等一連串的動作。
ZScreen可以利用快速鍵、在通知列中的圖示按右鍵並進入「Quick Actions」、或是開啟Actions Toolbar來啟用擷取功能。擷取螢幕的功能有:
利用「Selected Window」功能可以準確地選擇要擷取的網頁範圍,請用上述的方法來啟用「Selected Window」擷取功能吧。
上圖是正在使用Selected Window的擷取功能,你可以看到ZScreen會用紫色的尺規框線來提示你要選取的範圍。移動滑鼠的同時,他也會隨之改變選取範圍。他會很聰明地辨識視窗的元件與範圍,讓你快速抓到要擷取的網頁內容。確定要擷取的範圍之後,按下滑鼠左鍵即可完成擷取。
擷取完成之後,通知列的ZScreen圖示會變成橘字,這表示ZScreen正在處理上傳圖片的動作,請稍待片刻。上傳完成之後,ZScreen就會顯示上傳完成的提示,如上圖。而上傳的圖片網址也自動地放到你的剪貼簿去了,你可以用貼上快速鍵「Ctrl + v」來將網址貼到你正在書寫文字的地方:
透過ZScreen上傳的資料會全部記錄在History功能中,你可以開啟ZScreen的視窗,並切換到「Histroy」頁籤,就可以輕易地取得之前上傳的各種資料。
雖然他的螢幕擷取功能很豐富,但我個人仍偏愛使用FastStone Capture來截圖、編輯,然後將圖片複製到「剪貼簿」,再請ZScreen「上傳剪貼簿資料」來進行貼圖。
上圖是利用FastStone Capture編輯完成後再FastStone Editor編輯的畫面,當我確定我圖片可以上傳之後,只要按下「Ctrl + c」複製此圖片,就可以準備利用ZScreen進行上傳了。
跟擷取螢幕的功能一樣,你可以從通知列的ZScreen圖示上按右鍵並進入「Quick Actions」、或是開啟Actions Toolbar來啟用Clipboard Upload(上傳剪貼簿資料)功能。
我個人習慣利用快速鍵Ctrl + F6來啟用上傳剪貼簿的功能。啟用此功能之後,跟擷取螢幕一樣地,通知列的ZScreen圖示會變成橘色字,再稍等一下就會顯示上傳完成的通知囉。
我一直認為「工欲善其事,必先利其器」是一句至理名言。利用ZScreen來幫助我上傳圖片,我就可以一邊寫Plurk,一邊擷取並上傳自己要的圖片(或是備份原本已經在網路上的圖片),最後整合上傳圖片的網址與文字資料,寫出一則圖文並茂的訊息。日後我也能回去ImageShark來查看、整理之前上傳的圖片,而不必擔心當初寫在噗浪中的圖片在不知不覺中被人拿掉。
其實ZScreen還有很多功能可以使用,就等其他人繼續挖寶囉!
(more...)6月 02, 2010 2 Comments 電腦軟體 Plurk
身為一個噗浪(或稱Plurk)的使用者,把生活中的大小事情都記在噗浪中,是很理所當然的事情。我早已習慣把各種資訊都丟到噗浪,不僅自己作個備份,也能分享給週遭的朋友們。然而,噗浪的使用者都知道,要搜尋早期的噗浪內文,實在是一件非常痛苦的事情。儘管每天都會寫一些資訊記錄在噗浪中,但是卻找不到自己以前寫的資料,那是多麼地不方便。
我以前使用Google Reader來記錄我噗浪的RSS,但是這種方案並沒辦法記錄到回應的內容(為了避免吵到大家,我習慣把相同的資訊用回應集中在同一串噗文中),而且Google Reader的搜尋功能真是差到一種境界,很難想像他居然是掛著Google名號的工具。
最近找尋可行方案時,發現到了Sean製作的噗浪備份工具PlurkBackup,他可以將指定日期範圍內自己的噗文連帶回應地下載到本機端,並以HTML網頁的形式呈現。
除了備份之外,我還需要全文檢索的功能以找尋我寫過的噗文。於是我利用此工具將噗浪以月份分隔下載之後,上傳到Google Docs中,便可在Google Docs裡搜尋我備份的噗浪內容了。
以下就以圖文並茂的方式,一一來說明我的噗浪備份與搜尋策略吧!
PlurkBackup是綠色軟體,下載解壓縮後便可直接執行。
PlurkBackup的功能介面非常簡單。請輸入帳號、密碼、日期開始與結束的範圍、選擇是否要分離私噗(私密的噗浪文)、指定輸出的資料夾位置。最後按下「開始下載」按鈕,就可以運作了。
上圖就是備份完成的網頁檔案。
使用時有幾點需要注意:
此外,由於之後我打算上傳到Google Docs以獲得全文檢索功能,而Google Docs對於文件的大小有所限制(要轉換成Google Docs格式才能檢索到內文喔),單一文件檔案大小必須低於500KB,所以我日期範圍是以1個月(例如:2010年5月1日 至 2010年5月31日)或是半個月(例如:2010年5月1日 至 2010年5月15日)為主,以免單一檔案大小過大。
如果您擔心自己噗浪的密碼會外洩,建議您可以先到噗浪上把自己的密碼暫時修改成暫時用的密碼(例如123456789),然後用暫時用密碼來備份噗浪。待備份完成之後,再將密碼改回來即可。
Google Docs提供了免費1G的空間,可讓您上傳各種資料,把他當作一個免費的網路硬碟使用。如果您還沒有Google帳號,何不申請一個來用用看呢?
Google Docs在日前的改版中,已經可以建立Folder(資料夾)了。於是我建立了一個名為「Plurk」的資料夾,專門擺放我備份的噗浪資料。
點下首頁左上角的「Upload」按鈕之後,就可以進入Upload Files(上傳檔案)的畫面。您可以在此選擇要上傳的檔案、打勾「Convert documents…」(將各種文件轉換成Google Docs格式)的選項以讓Google Docs可以搜尋他的內文、並於左下角選擇上傳目的的資料夾「Plurk」。最後按下「Start upload」,很快就可以上傳完成囉!
上傳完成,在Google Docs裡面顯示的格式就如上圖!
以後您就可以在Google Docs中隨時調出噗浪的記錄囉!
將噗浪上傳並轉換成Google Docs之後,您就可以利用Google Docs的搜尋功能來找尋備份的噗浪記錄!
Google Docs的搜尋框就在上方,您可以單純輸入關鍵字搜尋全部Google Docs的資料,也可以點開「Show search options」以進入進階搜尋。
在進階搜尋中,除了指定關鍵字之外,還可以在左下角指定Search folders(資料夾)為「Plurk」,讓搜尋範圍更為明確。
搜尋的結果會列出來,表示我在這些期間皆有在噗浪中提及「詐騙」這個字眼。然而在這個搜尋結果中,是沒有辦法像一般Google搜尋一樣,能同時顯示被搜尋文字的上下文。
打開文件內文,並利用Ctrl + F開啟搜尋功能,就可以知道這篇備份中要搜尋的關鍵字的位置了。
利用這個噗浪備份策略,我得以方便地回溯之前在噗浪上零星記載的詐騙資料,並整理出昨天寫得三篇詐騙文(檢察官偵訊與法院判決書、新竹法院的調解不成立、主嫌上訴),也相當符合我使用Plurk作為筆記、Blog作為匯整的想法。因此在此也推薦各個噗浪使用者利用這個策略來備份噗浪!
(more...)1月 03, 2010 3 Comments 電腦軟體 Plurk
Plurk,在台灣熱門的微型網誌。可以寫個140字以內的心得、可以附個圖片、YouTube影片,可以插入個表情符號。他比Twitter更棒的地方,在於更可以更容易地跟朋友一起聊天。
我沉溺於噗浪已久,連計算得分的Karma都封頂了,可見我有多常待在噗浪。噗浪噗到最後,連走在路上都想把隨時看到的東西一起分享到噗浪上,也因此,我需要一個可以離線噗浪的工具。
本篇就是要跟大家介紹這個行動離線噗浪組合:Plurk + Piexlpipe + e-mail。
大部分噗浪專用軟體都必需要隨時跟網際網路連線才能發揮功用。除了Plurk本身的手機網頁版之外,連104公司這個Windows Mobile專用Plurk軟體也是如此。
對我這種貧窮小民來說,買台智慧型手機已經很奢侈了,更別說是手機3G或3.5G上網這種事情。我只能用用免費的Wifi,或是到有電腦的地方用ActiveSync,那些時候手機才具備網際網路的連線能力。因此,要我隨時在連線狀態用手機Plurk,那是不太實際的要求。我需要的是離線噗浪的手機應用!
這是一個很棒的中介代發的第三方免費服務。只要在Pixelpipe免費註冊帳號,並登錄Plurk的帳號之後,只要在Pixelpipe發文章,就能夠自動轉到噗浪去。這個動作在Pixelpipe當中稱之為「pipe」(管線傳送之意)。此外,Pixelpipe接受用e-mail發文的功能。您也可以在e-mail中加入一張圖片作為附件,他會連帶地把圖一起貼出來,十分方便!缺點是用e-mail傳送時,有時候中文字會變成亂碼,只能發出之後再手動到噗浪修正。
在此稍微說明一下Pixelpipe註冊跟設定的過程吧!
首先,先到Pixelpipe註冊,需要輸入名字(name)、電子信箱(email)、密碼(password)並勾選我同意服務條款(I agree to the tearms of service),最後按下右下角的註冊(sign up)之後就能完成註冊!
輸入e-mail跟密碼之後,按右下角的登入(Sign In)便可進入。
登入之後首頁如上所示。接下來我們來設定Plurk作為傳送的目的吧。請從左邊的「Add Pipes」進入。
在名字搜尋(Search By Name)欄位中輸入「Plurk」,就能找到Plurk服務。請點選Plurk服務的Logo進入設定。
請輸入你在噗浪的帳號與密碼。因為Pixelpipe是第三方服務,具有個人資料外洩的風險。如果你不放心把你的帳號密碼交給他的話,也可以不要使用此服務。
這樣就設定完成了,請按右下角的遞交(Submit)以儲存這個動作。
如前文所述,Pixelpipe接受用e-mail發文的方式。請在登入後點選左邊導覽列的設定(Settings)進入。
設定頁面最下方的電子郵件上傳(Upload by Email)就是你可以上傳的位置。一般來說會是以「應用程式金鑰@upload.pixelpipe.com」的組合。請勿將此金鑰告訴別人,否則別人就可以用此金鑰來冒用你發文!
接下來請把這組e-mail加入你手機的聯絡人吧。我建議在名稱前面加上0或特殊符號,以確保他能夠在聯絡人列表最前面,讓我不用搜尋就可以直接點選使用。
基於Pixelpipe提供的功能,我便能作到離線噗浪。大致上操作方式如下:
1. 手機拍照!
2. 簡單地編輯一下。例如讓圖片轉正。這些都是Windows Mobile內建功能。然後就按下「傳送」吧!
3. 開啟你的e-mail程式,利用你設定好的e-mail帳號進行傳送
4. 發送信件,寄件人填寫你自己的e-mail設定;收件者填入Pixelpipe的電子郵件上傳位置;主旨填寫你要噗的內容;附件可以附上一張圖片,Pixelpipe會幫你自動貼圖。此外,在內文寫文字不會有任何作用。完成後,請按下「傳送」寄信。有連上網際網路的話就會直接發噗,沒有的話則會保存在草稿匣,等待下次傳送。
5. 等待手機可以連上網際網路時再把這些訊息送出去。
6. 完成發噗。噗後的網址則是Pixelpipe提供的短網址,點入後可以看到附上的圖片,請見以下網頁。
我一直有個夢想,可以隨時隨地記錄身邊周遭發生的人、事、物。這也是之所以我喜歡多功能智慧型手機,而不喜歡多帶一台相機可以拍照的原因——那樣就不能連文字也一起記錄起來了。
雖然Pixelpipe還是有很多不盡人意的地方,像是圖片沒辦法直接貼到噗上,讓讀者必須多點開一層才能看到圖片。但比起其他的第三方服務來說,Pixelpipe已經很方便了!
最近在嘗試搭配Windows Mobile上的語音輸入工具:賽微輕鬆說,讓發噗更容易、更快速。
讓我們一起努力地把生活點滴都記錄下來吧!
(more...)
Comments