Plurk-官方人員訪臺-後記

如果有機會和Plurk的開發者面對面,你想說/問些什麼?我想大多數plurker最在意的,還是它的搜尋功能吧。搜尋對Plurk這樣的網站來說,並不是一個簡單的問題,看看Twitter為何要收購Summize就知道了。而Plurk開發團隊的答案也很簡單,他們當然會做這個功能,目前只是程式有點小狀況,所以暫時把它從畫面上拿掉了。下一個問題是,舊的plurk會刪除嗎?不,他們很明白這些是對用戶們相當寶貴的資料,不用擔心。如果有一天要刪資料,那一定是逼不得已的。除了這兩個問題,其餘的我就都不怎麼在乎了。像是字型、畫面跟頭像大或小什麼的,老實說自己用CSS都可以搞定。而手機方面的功能原本就是他們的開發重點,plurk噗浪台灣,其實也不用大家去催。講完我個人對協力翻譯系統的抱怨,再扣掉打聽一些不能公開的數據性資料,其實我那天的重點放在兩個字:惡搞。因為一開始不好正面詢問,我試探性地讓@alvin看我改得面目全非的Excel版面、讓他知道我們在使用非官方的API、寫機器人自動發噗、甚至自己做徽章來掛,想看看他們對這樣的行為看法如何。我得到的回應是,他們對於使用者這麼做抱著開放的態度。使用者不必擔心因為這些行為而被Plurk警告或甚至威脅法院上見。(順帶一提,果子咖啡向Plurk取得授權使用各項名稱與圖像的過程也十分順利)。關於API,他們本來就願意開放,只是基於目前的維運人力,他們暫時采取較平緩的開放速度,以防萬一出現過大的流量影響整個系統運作。談到這裡,我就放心許多。不是因為他們沒有不高興,而是Plurk團隊表現出既開放又謹慎的態度。開放,意味著這網站還有無限的可能,願意為使用者而改變;謹慎,讓這個網站可長可久,我們不用擔心它會輕易因為一些策略的錯誤而關門大吉。對任何Plurk愛用者來說,我想這兩點應該是比什麼都重要的事吧?剩下的時間,我們就交給棚內主播?。(笑)Vista 2.0:臺灣Plurk網聚初體驗西瓜的滋味:專訪Plurk介面設計者Alvin Woon Jeremy:直到今天,我纔重新認識噗浪!癮科技:噗浪創辦人專訪!聲帶周波:Plurk創辦人之一Alvin專訪自由電子報:好玩又有趣微網志噗浪爆紅

Plurk-噗浪客

lt;/div lt;/div What is Plurk?lt;/div Noun.plurk(plüer-kh)-A really snazzy site that allows you to showcase the events that make up your life in deliciouslydigestible chunks.Low in fat,5 calories per serving,yet chock full of goodness.lt;/div Verb.plurk(plüer-kh)-To chronicle the events of your always on,action-packed,storybook,semi-charmed kinda life.lt;/div lt;/div lt;/div Plurk是比Twitter更有趣、互動性更高的微型部落格兼網路聊天室。可以輕松在Plurk上建立個人頻道,張貼簡短的訊息;朋友也可以輕松在你的訊息下發表回應,和大家一同聊天。lt;/div Plurk在臺灣被網友稱為「噗浪」,網頁的介面非常直覺,就像一條時間河流一樣,你和朋友的碎碎念會依時間顯示在河流上,plurk語法,點一下就可以回應朋友的碎碎念,非常好玩。lt;/div Plurk的使用非常簡單,不只可以貼上短文,也可以貼圖、貼影片,還有多種有趣的互動表情符號,甚至還有計分系統,分數越高,可用的功能愈多喔!lt;/div lt;/div
注冊Plurk帳號lt;/div
在臺灣網友間被稱為「噗浪」的Plurk,上個月纔促成一對網友的婚事;可見Plurk有多好玩,你也該注冊一個來玩玩看。lt;/div Plurk雖然是國外的網站,但很體貼地提供正體中文介面,注冊過程也很簡單;在語言選單中點選「中文(繁體)」,按一下免費注冊,輸入一些資料,同意使用條款,再按下「來Plurk注冊」即可。注冊後記得收信,點按信中的注冊驗證連結,馬上你就能擁有自己的碎念空間,和網友一同噗浪了。lt;/div lt;/div lt;/div
發表碎念lt;/div
注冊好帳號後,就可以進入自己的Plurk頁面,發表自己的碎念,並藉此熟悉Plurk的介面與功能。進入自己的Plurk碎念後,在輸入框中輸入碎念內容,按一下「Plurk」按鈕,即可發表出去。輸入框前的狀態可依自己的心情做變換,用滑鼠點選即可。lt;/div Plurk的畫面很特別,像時間河流一樣,大家發表的碎碎念就像河上的樹木一樣浮著,所以可以一眼看到誰在何時發表什麼碎念,也可以輕松回應別人的碎念。lt;/div lt;/div lt;/div
把朋友拉近Plurklt;/div
俗話說:「獨樂樂,不如眾樂樂」,在Plurk上也是如此。一個人噗浪多無聊,就是要大家一起碎念纔會好玩。如何在噗浪上尋找並結交朋友,可以先讓Plurk從你的Email通訊錄中搜尋已經在用Plurk的朋友,再加入他們即可。lt;/div
按一下畫面下方「邀請或尋找您在Plurk上的朋友」,接著輸入你的Email地址(以hotmail、aol、Gmail等Webmail為主),Plurk就會找到通訊錄中有在玩Plurk的朋友,馬上就可以一起噗浪了。lt;/div lt;/div
回應朋友的碎念lt;/div
除了自己發表碎念外,你也可以看到朋友的碎碎念並發表回應。只要在朋友的碎念上按一下,就可以回應朋友的碎念,除了輸入文字,還可以加入有趣的表情符號。lt;/div
值得一提的是,噗浪會根據你的發表和回應數量給分,分數愈高,能玩的功能愈多,例如新表情符號和自訂桌布等,愈玩愈好玩!lt;/div
(以上介紹之文字來源~2008年11月.PChome電腦家庭雜志)lt;/div lt;/div lt;/div
知道Plurk是幾個月前剛好瀏覽到某網志的介紹文,纔曉得有這樣的微型網志。不過對於這種類似Twitter的碎念小玩意,我很容易三分鍾熱度忘了更新讓它布滿蜘蛛網,所以那時也沒特別去想去申請個帳號來玩玩,直到上個月在報上看到有網友因Plurk互動認識而結婚的新聞,覺得很神奇,終於也跑去加入Plurk輕松玩。lt;/div Plurk的回應功能方便迅速,社群互動簡單卻很緊密,是他的優勢,其他的介面操作也滿好用的,還可以外掛在部落格上;老實說我原本是把他當作記錄靈感的地方,可是這樣很容易就冷掉了,前幾天被小王子發現後,纔開始有比較多的互動回應,所以Plurk還是要多拉點人進來一起噗浪會比較好玩。寫部落格太累,等網友回響太慢,但又有很多話想碎碎念,就來Plurk開個個人頻道,用力碎念吧!lt;/div
從上面的Plurk邀請頁面注冊,可以直接成為我的朋友,一起來噗浪吧!lt;/div lt;/div lt;/div

Plurk-Widget

Plurk的官方版widget無法修改logo,導致許多人CSS改了老半天,把所有的顏色都和blog調到一致了,最後卻和這顆火腿不搭:另外原始版本還有SMALL模式顯示亂掉、interval功能在IE下不會動的問題。因此我花了一點時間把程式簡化,拿掉不需要的部份,調整了參數傳入方式並加上注解。有興趣的人可以把底下整段復制走,修改必要的參數與色彩後,加進Blogger裡。(別家的部落格我沒測過,請自行實驗,能用就算賺到)修改重點:
有加「/**/」附注的行,是較有機會改動的地方。CSS中的background可以選擇用顏色或底圖,我放了范例,但最後記得留下一筆就好。JavaScript裡面有一排連續的「PWARG_xxx」是參數設定,大部份和原本的名稱一樣。PWARG_USERID:請參考Plurk畫面右下方「Share your plurk page with friends:」的格子裡,「from_uid=」接著一串數字,把它填進去。當然如果你暗戀我的話,不改也沒關系。PWARG_WIDGETLOGO:請自行制作適當大小的logo,並同時調整CSS中的圖寬。完整程式碼:style type="text/css".plurk-widget{font:11px'Lucida Grande','Lucida Sans Unicode','Lucida Sans Regular',Tahoma,Verdana,sans-serif;background:#cf682f;/*主版底色*//*background:url('主版底圖*/padding:4px;border:1px solid#a14a19;/*主版外框*/max-width:300px;width:auto;/*Widget寬度*/position:relative;padding-top:40px;color:black;/*文字顏色*/text-align:left;padding-bottom:0;}.plurk-widget a{color:#126cb8!important;/*鏈結,包括個人昵稱與回應*/padding:0!important;border:none!important;background:none;text-decoration:underline;}.plurk-widget img{border:none!important;}.plurk-widget a:hover{text-decoration:underline!important;}.plurk-widget.plurk-logo{display:block;padding:0;margin:0 6px 8px 0;width:40px;/*logo寬度*/position:absolute;right:0;top:4px;height:31px;padding:0!important;}.plurk-widget.plurk-timeline{clear:both;overflow-x:hidden;overflow-y:scroll;background:#cae7fd;/*時間軸底色*//*background:url('時間軸底圖*/word-wrap:break-word;border:1px solid#99705f;/*時間軸外框*/padding:3px 8px;}.plurk-widget.plurk-nickname{color:black;text-decoration:none;font-weight:bold;}.plurk-widget.plurk-message{background:url(plurk-widget-separator.gif)repeat-x left bottom;padding:6px 010px 0;margin:0 04px 0;}.plurk-widget.plurk-meta{font-size:0.9em;text-align:right;color:#578ebd;/*留言時間文字顏色*/padding-top:2px;}.plurk-widget.plurk-qualifier{border-right:1px solid#333;border-bottom:1px solid#333;}.plurk-widget.plurk-empty{margin:5px 00 0;padding:10px;background-color:#F0F8FF;color:#4c8cc2;text-align:center;border:1px solid#4c8cc2;}.plurk-widget.plurk-empty strong{font-weight:bold;color:black;display:block;}.plurk-widget.call-action{font-size:0.9em;color:#fadfd0;padding:10px 05px 0;}.plurk-widget.call-action a{color:#5a3f30!important;/*最底下的廣告鏈結文字顏色*/text-decoration:underline;font-weight:normal;}/style script id="PlurkWidgetScript"type="text/javascript"/**Plurk Widget*--**Supported parameters:**-PWARG_USERID the user_id whose plurks we want to display*-PWARG_HEIGHT the height in pixels(has no effect if CSS is disabled)*-PWARG_NOCSS set to"true"if you don't want any CSS applied*-PWARG_INTERVAL the reloading interval in seconds*(30 per default,0 for no reloading at all.)*-PWARG_CHUNK the number of plurks in the widget*-PWARG_WIDGETLOGO the logo we want to display**If you are an advanced user and want to style the widget with custom CSS,*here are the classes the widget uses:**plurk-widget the overall div that wraps the widget*plurk-logo adiv that is usually used to display the logo*plurk-timeline the div containing the messages on the timeline*plurk-loading-pane adiv that is displayed while data is retrieved*plurk-message adiv that contains the message of auser*plurk-n ickname alink to the users's profile*plurk-qualifier the span for the qualifier*plurk-qualifier-x the span for the qualifier x(x==says,thinks etc)**For further information,you can reference the css file at***(c)Copyright 2008 by Galt Networks.**Permission is hereby granted,free of charge,to any person obtaining a*copy of this software and associated documentation files(the"Software"),*to deal in the Software without restriction,including without limitation*the rights to use,copy,modify,merge,publish,distribute,sublicense,*and/or sell copies of the Software,and to permit persons to whom the*Software is furnished to do so,subject to the following conditions:**The above copyright notice and this permission notice shall be included*in all copies or substantial portions of the Software.**THE SOFTWARE IS PROVIDED"AS IS",WITHOUT WARRANTY OF ANY KIND,EXPRESS OR*IMPLIED,INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,*FITNESS FOR APARTICULAR PURPOSE AND NONINFRINGEMENT.IN NO EVENT SHALL THE*AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,DAMAGES OR OTHER*LIABILITY,WHETHER IN AN ACTION OF CONTRACT,TORT OR OTHERWISE,ARISING*FROM,OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER*DEALINGS IN THE SOFTWARE.**--*Original version of this script:***Modified by Sorry(*Version 0.3*2008/6/25*/;(function(){//globals and constants var PWARG_SERVERURL='PWARG_USERID=1418700,/*from_uid=xxxxxxx*/PWARG_HEIGHT=300,/*Widget高度*/PWARG_NOCSS='true',PWARG_INTERVAL=0,PWARG_CHUNK=10,PWARG_WIDGETLOGO='/*上方的logo*/QUALIFIER_COLORS={is:'#e57c43',says:'#E2560B',feels:'#2D83BE',thinks:'#689CC1',wants:'#8DB241',wishes:'#5BB017',has:'#7A9A37',loves:'#B20C0C',hates:'#111111',asks:'#8361bc',will:'#B46DB9',was:'#525252',had:'#8C8C8C',likes:'#CB2728',shares:'#A74949',gives:'#620E0E'},TIME_UNITS=[[60*60*24*30,'month'],[60*60*24*7,'week'],[60*60*24,'day'],[60*60,'hour'],[60,'minute']],widget,lastRequest,fish,timeline,options;//general purpose helpers function each(s,f){if(!s)return;var r;if(s.length!==undefined)for(var x=0,y=s.length;x y;++x){if(typeof(r=f.call(s[x],x))!=='undefined')return r;}else for(var kin s)if(typeof(r=f.call(this,k,s[k]))!=='undefined')return r;}//formatting function timedelta(d){var delta=((new Date()).getTime()-d.getTime())/1000,value;return each(TIME_UNITS,function(){if((value=Math.floor(delta/this[0]))0)return value+''+this[1]+(value!=1?'s':'');})||'0 minutes';}//DOM function$fnGetElmt(n){return document.getElementsByTagName(n)[0];}function$fnCreateElmt(n,a){var rv=document.createElement(n);each(a,function(k,v){rv.setAttribute(k,v);});return rv;}function$$fnAppendElmt(p,n,a){return p.appendChild($fnCreateElmt(n,a));}function$fnAppendText(n,t){n.appendChild(document.createTextNode(t));return n;}function$fnAppendHtml(n,h){var t=$$fnAppendElmt(n,'span');t.innerHTML=h;return n;}//CSS function css(n,a,c){each(a,function(k,v){n.style[k]=v;});if(c)n.className=c;return n;}function hide(e){e.style.display='none';return e;}function show(e){e.style.display='';return e;}//communication system if(!this.$__plurkWidgetReceiveData){$__plurkWidgetReceivers=;$__plurkWidgetReceiveData=function(data){$__plurkWidgetReceivers[data.receiverID](data);}}var receiverID=$__plurkWidgetReceivers.length;$__plurkWidgetReceivers.push(function(data){lastRequest.parentNode.removeChild(lastRequest);if(data.plurks)updatePlurks(data.plurks,data.private);lastRequest=null;});//widget code function initializeWidget(){if(PWARG_NOCSS!=='true')$$fnAppendElmt($fnGetElmt('head'),'link',{href:PWARG_SERVERURL+'/static/widget/widget.css',rel:'stylesheet',type:'text/css'});css(widget,{visibility:'hidden'});var logo=css($$fnAppendElmt(widget,'a',{href:PWARG_SERVERURL+'/redeemByWidget?from_uid='+PWARG_USERID}),{background:'url('+PWARG_WIDGETLOGO+')no-repeat 00'},'plurk-logo');timeline=css($$fnAppendElmt(widget,'div'),{height:(PWARG_HEIGHT||300)+'px'},'plurk-timeline');fish=css($$fnAppendElmt(timeline,'div'),{background:'url('+PWARG_SERVERURL+'/static/loading.gif)no-repeat center center',height:'90px'},'plurk-loading-pane'),callLink=$$fnAppendElmt(widget,'div'),callLink.innerHTML='a href="'+PWARG_SERVERURL+'/redeemByWidget?from_uid='+PWARG_USERID+'"一起來體驗Plurk吧/a',callTo=css(callLink,null,'call-action');requestPlurks();if(PWARG_INTERVAL&&PWARG_INTERVAL!=='0')setInterval(requestPlurks,(parseInt(PWARG_INTERVAL,10)||30)*1000);}function requestPlurks(){if(lastRequest)return;hide(fish);lastRequest=$$fnAppendElmt($fnGetElmt('head'),'script',{type:'text/javascript',src:PWARG_SERVERURL+'/API/Widget.getUserPlurks?'+'user_id='+PWARG_USERID+'&receiver_id='+receiverID+'&per_chunk='+PWARG_CHUNK});}function updatePlurks(plurks,is_private){timeline.innerHTML='';timeline.appendChild(show(fish));if(plurks.length)each(plurks,function(idx){var plurk=css($$fnAppendElmt(timeline,'div'),null,'plurk-message');$fnAppendText(css($$fnAppendElmt(plurk,'a',{href:PWARG_SERVERURL+'/user/'+this.username}),null,'plurk-nickname'),this.username);if(this.qualifier!=':'){$fnAppendHtml(plurk,'');var shade=QUALIFIER_COLORS[this.en_qualifier];$fnAppendText(css($$fnAppendElmt(plurk,'span'),{backgroundColor:shade,padding:'0 3px 03px',color:'white'},'plurk-qualifier plurk-qualifier-'+this.en_qualifier),this.qualifier),plurk教學;}$fnAppendHtml(plurk,''+this.content);$fnAppendText($$fnAppendElmt($fnAppendText(css($$fnAppendElmt(plurk,'div'),null,'plurk-meta'),timedelta(this.pub_date)+'ago|'),'a',{href:PWARG_SERVERURL+'/p/'+(this.id).toString(36),target:'_blank'}),this.responses==1?'1 response':this.responses+'responses');});else{var empty=css($$fnAppendElmt(timeline,'div'),null,'plurk-empty');$fnAppendText($$fnAppendElmt(empty,'strong'),'Ouch.');$fnAppendText(empty,is_private?'抱歉,你設定了private屬性,別人不能讀取你的plurk.這個widget沒有東西可以顯示.':'你沒有plurk可以顯示.先去寫個幾句吧:).');}hide(fish);css(widget,{visibility:'visible'});}//widget setup widget=css($fnCreateElmt('div'),null,'plurk-widget');var options=document.getElementById('PlurkWidgetScript');options.parentNode.replaceChild(widget,options);initializeWidget();})();/script最後,不管你改爛了什麼,都不要來找我。我一概不負責任。

Plurk-Hints

這篇寫一點跟Plurk的用法和注意事項。◆修改Plurk介面語系:在畫面左下角的下拉式選擇即可。◆修改Plurk發言語系:「Private plurks,languages&options」→「Plurk language」→「Chinese(Traditional)」。在回應的時候,只能使用對方的語系。手機環境下只能使用英語語系。◆貼圖片的方法:直接把圖片網址貼進去。YouTube的影片也可以這樣貼。◆文字格式:
*粗體*:*粗體*斜體*:*斜體*__底線__:__底線__:(My Blog):My Blog@sorry:Sorry范例:「@stewwu請上(人事行政局網站)看*停班停課消息*」效果:「stewwu請上人事行政局網站看*停班停課消息*」嫌麻煩的話,Firefox使用者也可以安裝maxchu所開發的Greasemonkey Script:Plurk Rich Edit。◆外掛
Onion and Plurk by Akhmad Fathonih洋蔥頭這樣用更爽by JiaYun◆鍵盤快速鍵:
←:時間軸左卷→:時間軸右卷&:卷到目前時間V:切換到新留言模式/全部模式M:全部標示為已讀U:更新以取得新留言◆滑鼠停在Profile的照片上稍候,照片會放大並變得清晰。◆滑鼠停在回應上稍候,右邊會出現該筆回應的時間;停在回應者的昵稱上稍候,右邊會出現淺藍色的倒三角形,按下叫出小選單可顯示該使用者的相關資訊。該選單中的「Block」可以將該使用者的所有發言消音。◆展開單則Plurk後,有一個「mute」按鈕,可以讓系統不再對你通知該則Plurk的更新。◆安裝Firefox add-on Stylish,搭配dogg介紹的方法可以將Karma數字從畫面中隱藏起來。◆廣告:如果按這裡注冊Plurk帳號,就相當於被我推薦,會自動變成我的follower而看到我的訊息。◆噗海無邊,回頭是岸,plurk噗浪台灣

Plurk-Excel偽裝布景主題更新

自今年二月公開Excel偽裝主題以來,隨著Plurk在臺灣的使用者增加,安裝人數也逐步上昇。身為作者,我原本只是為了大家喜歡自己的作品而高興,沒料到一個頭痛的狀況發生了:這個布景主題的圖片(主要是背景的全畫面Excel)放置在Photobucket。它是一個網路相簿,免費注冊的使用者享有500MB空間,圖片可外連,而且沒有往回鏈結之類的條款限制,連線速度也還不錯。但是未付費的話有流量限制,要昇級到付費帳號流量纔不受限。它前幾天寄信來通知我流量已經快爆了,叫我昇級。現在景氣不好,我不太想承受額外的花費,但如果不付錢,一堆人的Plurk偽裝就要破功了。怎麼辦纔好呢?所幸在河道上公布了這個苦惱之後不久,plurk噗浪台灣,有一位不願具名的善心人士@peterhear大大表明願意提供他的私人主機頻寬供大家使用。也因此我把原本CSS中的檔案路徑指向他那邊,並加上一個「消音隱藏」的新功能,就產生了這個最新版本(請按此安裝)。原公告網頁與我的主頁等處鏈結均已一並更新,歡迎各位舊雨新知繼續愛用。2009/8/27補充:我把這篇更新通知的網址寫在舊的Excel圖片上,這樣一來舊版主題的使用者就可以看到它。不過一星期下來只有約10%的人跑來安裝了更新版。我利用噗浪的搜尋功能去一個個通知也不是辦法,@jeremy_3c又正好跑去環島。還是請已經知道的人幫忙轉噗通知大家,速度可能會比較快吧。ていうか「功德無量」?:-P廣告:按這裡可以注冊Plurk帳號,順便讓我賺個推薦數吧。:D