angie said » Blog

[湊熱鬧] css naked day

angie — Thu, 09 Apr 2009 02:09:38 +0000

http://naked.dustindiaz.com/

簡單用了一個外掛，就改這麼一天。
咦？不對，應該是48小時。
官網說，這樣才能涵蓋全地球所有時區。cool～

Posted in Blog

[筆記] wordpress plugin – WordPress Mobile Edition

angie — Mon, 30 Jun 2008 02:00:00 +0000

早上在逛Twitter Tools作者的網站，又發現這一款，可以幫WP的blog自動做出適合手機上網瀏覽的網站的外掛。
因為自己用PDA已經有長遠的日子，目前也常在外使用手機上網瀏覽網站，我深深了解用手機去看一般網站會得到個什麼鬼樣子阿～～

外掛在此：WordPress Mobile Edition

▼先看看裝上的樣子，以自己的首頁示範。
網頁變得很短，也就是拿掉邊欄所有的結果。
重點放在最新的posts，還有pages。

▼捲到頁尾。有跳出mobile的選項以及credit。

再看看單篇文章的長相。

▼我特地選一篇有圖片的post。標題上方會有navigation顯示上一篇和下一篇post。

▼圖片都在。寬度還剛好符合螢幕。

▼文章結束。下方的外掛一[on this day]還在。

▼回應的欄位也有。

▼結尾也有navigation，指示著上一篇和下一篇文章。
然後再出現一次近期文章的清單。

ok。試用完成。
從今天起，用手機連接我的angie.tw，就會被自動導到mobile的頁面囉～
都不用打另外的網址，我也不用做一個另外的頁面喔！！

話又說回來，我自己裝了這個外掛，但是我常去瀏覽的網站，可沒有這樣特別設計的mobile頁面阿～
今天在試用外掛之餘，再來推薦一個很好用的連結（購物台主持人上身），在pda手機的瀏覽器裡使用，不管別人有沒有特地做一個mobile頁面，都可以清清爽爽的瀏覽喔！！

http://www.google.com/gw

就是這個！就是這個！！趕快把他存到你的手機瀏覽器的書籤裡阿～～

要上任何一個網站之前，都先打開它。
把網址輸入在[Enter a URL]格子裡面，再連出去。
咕狗大神會幫你把目標網站整形成適合pda/手機瀏覽的格式阿阿～

更重要的一點是，如果連結的目標網站有提供rss，咕狗大神還會把它特別標示在網頁的最上方！！

來看看本人的網站的其他部份。

▼邊欄都在。只是圖片不會秀出來。

▼邊欄的MYBLOGLOG當然是不會秀出來了。但是轉換成一長串招商的說明文字。

▼我用google reader做的聯播的widget也不會秀出來內容。
倒是美味書籤都跑出來了。

▼廣告欄位只剩下圖說。統計欄位也是。

▼網頁捲到最後面，來個跳到正常html的選項連結。

以上只是首頁的部份。下面再看看單篇文張的擷圖。

▼圖片沒了。文字都在。

（字型比起來還真有點醜阿）
（不過這又是另一個issue了）

====================================================

給wordpress blog用的外掛：WordPress Mobile Edition

給pda手機瀏覽器用的好用連結：http://www.google.com/gw

====================================================

[筆記] wordpress plugin – Twitter Tools

angie — Wed, 25 Jun 2008 07:00:00 +0000

＝＝＝＝＝update＝＝＝＝＝
2008.07.04
我決定把這個外掛先停用。因為內文所描述的種種缺點。
改用loudtwitter。

＝＝＝＝＝update＝＝＝＝＝

這是wordpress的一個外掛：「Twitter Tools」。

安裝啟用之後，設定的地方。

可以：

當部落格貼新文章，可以自動發一則tweet。（這可以取代twitterfeed）
每一則tweet都幫你抓回來發一篇新文章（？！不要鬧了啦～）
幫你整理每天的tweets，發成一篇新文章。（這可以取代loudtwitter）
- 可以設定文章的標題，並可以加上日期喔！（這一點loudtwitter做不到）
- 可以設定文章的類別、作者（這兩點loudtwitter也做不到）
然後，還可以再邊欄放一個twitter的widget。（這又取代了另一個外掛，或是自己貼的程式碼）
還可以從自己的邊欄去更新twitter？！（這一點我沒需求，就不去試用了）

我設定之後到前台一看，馬上已經產出一份昨天的tweets清單。如下：

▼這是對照組。loudtwitter產出的tweets清單。

這兩者讓我一下子好難取捨。

loudtwitter：產出的清單有時間點。但標題不會自動加日期。

Twitter Tools：剛好相反。清單沒有時間點，但標題會自動加日期。

然後比較一下這兩張產出清單，Twitter Tools的時間點好像有點怪怪…少了loudtwitter裡的第一則（07：32），但卻又比loudtwitter多抓了一則（就是loudtwitter產出清單的本身那一篇新波文。
這還是小事。
問題在於，我找不到Twitter Tools裡設定抓取時間點（範圍）的設定。
所以預設就是以「日」為範圍囉？（那為什麼沒抓到07：32那一則阿？）

然後這是用Twitter Tools做出的twitter widget。
本來還ok的。

但我在後台搞一下別的，一回到前台就看到…

變亂碼了。

因為使用Twitter Tools的好處實在太多，可以一舉取代三個以上的零星服務，又有更強大的設定功能，我對此外掛實在是依依不捨。
雖然出現亂碼（扣一分），清單沒有時間標籤（扣第二分），但還是瑕不掩瑜。

我還是沒有辦法決定，到底要不要用它。持續試用中…

[筆記] 網站搬家後遺症，以及設定openid實做

angie — Tue, 17 Jun 2008 02:00:00 +0000

文章寫一寫發覺有點囉唆，所以最前面直接寫好快速連結。
本文分成兩部份:

網站搬家後遺症
設定自己的網址使成為openid

=============第一部份開始的分隔線============

本篇其實應該取名為「自作聰明之自訂網域對應後遺症」

唉這件事情真的是給了自己一個教訓…

2006.11的時候我將網站搬到了wordpress.com，使用的網址是：

http://angiesaid.wordpress.com

http://angie.tw

是我自作聰明，搬家到了人家家裡面，還想用自己的門牌。
明明房東就提供了一個網址叫做 http://angiesaid.wordpress.com。
我偏想要掛自己的 http://angie.tw/ 。

wordpress.com也真好心，提供了domain mapping的服務。
（是說，不久之後blogger也提供了啦）
那我當然毫不猶疑的就把自己的門牌給掛了上去。

話說不清楚，看圖比較快。來看看後台的擷圖。

其實就是這兩個網址互相轉來轉去啦。
但我對外只公佈我自己的網址，也就是 http://anige.tw/ 。

=============第二部份開始的分隔線============

後來網路上有了個OpenID這個東西。

就是說，向該組織的服務供應商註冊一個網址，然後就可以走遍天下。

wordpress.com也很好心的提供了這個服務。
於是乎，遵循著wordpress.com提供的OpenID服務，我的網址也可以直接當作一個OpenID。

但是，我的網址，該算是哪一個哩？長的那個，還是短的那個？

抱著不求甚解的心情，我常在使用這個openid註冊一些網站的時候，兩個都試試看。
然後我發現，openID的認證，認的是我自己的 http://angie.tw 這個網址。
（因為在wordpress.com的後台管理上，這兩個網址都還會互相對應）

於是乎，我就用 http://angie.tw 去註冊了LoudTwitter以及TwitterFeed這兩個網站。
剛好都是twitter的第三方服務。
前者是幫忙每日備份當日吱喳，發成一篇文到自己的部落格上的。
後者則是幫忙送出rss feed到自己的推特帳戶上。

但是！！

當我一搬家（2008/06），http://angie.tw 跟wordpress.com脫勾之後，我的 http://angie.tw 不再具備有OpenID的身份。
上述的兩個網站（LoudTwitter以及TwitterFeed），我就沒辦法登入了（！！！）

我試著用 http://angiesaid.wordpress.com 來登入。
是可以登入，因為這個網址還是具有openid的認證（由wordpress.com所提供），但卻不是我那兩個twitter第三方服務所認得的帳號…

我查到的解決辦法是：

1. 向openid的服務商註冊一個openid。（我重新跟MyOpenID申請了一個）

2. 使用該服務商提供的一串碼，貼到自己的網站裡。

但是，但是，雖然myOpenID有提供所謂「myOpenID for Domains」我在試圖設定時卻沒有成功。
而該網頁也說了，「這只是個beta！！」。
所以我還是手動去自己網站模板裡貼程式碼了。

ps：我在網路上找不到原始的文件，只好從「遇見瓦特比」照抄如下：

把部落格網址轉成 OpenID – 遇見瓦特比 via kwout

3. 檢查認證是否順利啟動。（這件事非必要，不過看到檢查結果為成功就很高興）

Check your OpenID via kwout

4. 就好了。

下面放上我找到的相關書籤：

然後，然後就順利登入那兩個網站囉。我的OpenID也順利的改成了自己的網址「 http://angie.tw/ 」。

後記：在寫這篇文章的時候，我突然有了一個疑問：

我在這裡公佈了我的OpenID，又公佈了我在哪個網站使用這個OpenID可以登入，那，會讓任何人都使用我的OpenID去登入該網站嗎？

於是我線上急扣低低踢，請他幫我測試一下，看會不會就此登入我的TwitterFeed。

答案是不會的。因為低低踢在該網站輸入我的OpenID之後，會被導到MyOpenID，被要求輸入密碼。
所以所以，安啦。

雖然在此次測試相當簡易，我還是得忍受低低踢的冷言冷語（「也不過就是些twitter嘛…」）。
別這樣嘛，twitter很好用的哩～

[blog] pixnet試用心得

angie — Tue, 21 Aug 2007 08:03:53 +0000

與其說我是「對自己的部落格版面有極強烈的控制慾」（剛在某rss裡看到的一種說法，這裡借用一下），不如說我是備份狂吧。
（當然，我也有另一個人格，叫做「升級狂」。）

我已經忘記，為什麼我會跑去註冊一個pixnet的帳號。大概純好奇吧。
但是我在pixnet後台東逛西晃的當兒，看著他的「mt檔匯入」功能，我突然想到…
我也有一個mt備份檔阿！雖然年份有點久遠（迄2006年底止），但還是可以試試看阿～
此時，我心裡「恐懼檔案不能備份萬一哪天所有文章煙消雲散怎麼辦」的燈泡，再度閃亮了起來…

翻一翻備份光碟，找出最後一次的mt備份檔。準備匯入。

匯入的速度很快，幾分鐘就完成了。六百多篇舊文連同回應，全部都在。

然後我檢查了一下。比起我現在在wordpress.com的進度，差了大約一百五十篇左右的文章。
我去信pixnet的service信箱詢問，是否能夠接受wordpress.com的備份檔匯入（答案是不行，或者請自己想辦法），以及，能不能使用wlw貼文？（答案也是不行）
於是閒閒在家沒事幹的我，決定了…是，手動貼文。
這一篇一篇的貼文行動，我做了兩天，順利完成。
只是後面手動貼的這些文，是沒有原站的回應的。

文章總數：823篇。我看著這個數字，很是滿意。
然後我趕快按下「mt匯出」，想要做一個最新的備份檔。

存好檔打開檢查，卻嚇得我…
檔案是空的。
我…白做了兩天工嗎？

趕快去討論區查詢，幸好馬上看到也有同樣悲情的網友，問了類似的問題。
站方的回答是，因為檔案是一天整理一次，所以，今天做備份，是備到昨天為止的檔案狀況喔～

醬子阿…我如醍醐灌頂。
沒辦法，那只能強忍一天囉…
希望隔了這區區的一天，不會剛好就發生什麼衰神的事。

隔天，我照樣再做一次。打開檔案來檢查，呃…大亂碼…
不怕。我換一個純文字編輯器再開開看。這下就正常了。
ps，我預設開啟檔案是用notepad，後來改用notepad++，即正常。
趕快把備份檔案收藏好。要是有一天…嘿嘿嘿…

另外，網誌設定的部份也很重要。
因為我首先想要把這邊當作備份站，並不打算一文多發（但卻得一文多波），所以我一開始就把回應設定關閉，整個網誌也設定關閉。

在八月十六號（左右啦），pixnet新模板+新功能上線。
躬逢其盛，我沒抱著多感謝的心，就試用了起來（因為我以為本來就有的阿）。

所謂的新功能，據我淺薄的觀察，應該指的是「碎碎念」和「誰來我家」。
並且，聽說這兩樣功能只能用在新的「痞客模板」上。可惜的是，痞客模板迄今（8/21）只有六款…

我先套用了比較搞笑的其中一款：YaQoo? 囧魔

倒不是說我喜歡跟雅虎作對還是搞鬼，但這一款真的是六款裡面，感覺最清爽的版面啦。
其他不是太花俏傷了我的眼，不然就是css有點不對頭。

well，我只想說，短期的試用之後，我發覺pixnet真的是好物！（大拇指）

功能完整–該有的都有了吧。很基本的就可以了。
介面人性化–我也是那種不肯「RTFM」的人，碰到問題寧願直接寫信去問站方，或者去討論區爬文。但是pixnet真的…一切都很直觀啦，沒有什麼需要猜測的。
方便搬家，不只可以匯入還可以匯出（！！）–好適合，好適合我這種備份狂（搬家狂）阿～於是我的mt備份檔完成了更新大業。以後萬一有需要，就可以繼續匯入到吃mt檔的地方囉～

另外，先列出我沒有去測試過的部份：

javascript語法的邊欄小玩意。我知道pixnet有分免費和付費版本（跟丁丁一樣），但我不知道在語法的限制上有何差別。（這兩天丁丁又惹怒了使用者了…）
改css。pixnet的css很大方的放出來給大家自訂修改，並且還可以上傳分享，下載套用。不過礙於時間，我沒有去改過css，不知道困難度有多高（自由度有多低）。暫時先用預設的幾個版型頂著先。

部落格系統使用心得：wordpress.com V.S. Blogger

angie — Mon, 26 Mar 2007 03:01:27 +0000

最近時間多了，於是又把老問題拿出來檢討一次。

到底哪一個部落架站系統適合我？？？

之前已經寫過很多相關的文章，都是自己在試用、架站跟搬站之間留下來的軌跡。試列如下：

個人使用wordpress.com的心得（＊註一）

優點

由BSP管理，不用擔心備份問題
換模板很容易。而且提供的幾個模板都還不錯看。
內建不少實用功能，如點閱數、網站統計、垃圾留言管制。後台的Dashboard把這些資訊都整理的很好。

匯出匯入功能完整。可以接受MT格式的匯出檔直接匯入，也可以接受Blogger的部落格直接轉移，只要輸入帳號密碼即可！至於匯出功能嘛，匯是能匯，但大概只有wordpress.com自己能吃吧？
可以設定部落格為private狀態。

缺點

限制多多。不能控制自己的模板、不能裝自己想要的外掛。
不能使用javascripts，不管內文區或邊欄區。降子少了很多樂趣。
可以直接套用的模板略少。到目前為止，我看看…十九個。而這十九個裡面，又分成一至四欄不等，有的可以改banner圖片，有的不行。適合中文字體顯示的又更少。
自訂css要額外付費。而且官方不提供任何教學及支援。
自訂網域名稱對應要額外付費。
private部落格的使用者人數限制，超過35人以上要付費。
在MAC版的ECTO（BLOG離線編輯軟體）裡，從主機取回的文章是亂碼。
後台編輯器，（竟然！）會吃掉我的html碼！！
速度慢，尤其是後台。
在後台的sidebar widgets控制台，我用mac的safari瀏覽器，竟然無法編輯….

接下來，我使用Blogger系統的心得（＊註二）

優點

使用「google account」直接管理。說真的，把一切跟網路相關的東西都交給咕狗大神，我心裡實在是又愛又怕。
介面清楚簡單。
愛加多少外掛就加多少，模板愛怎麼改就怎麼改。網路上已經有一個小社群專門在開發，適用於Blogger的各種語法及外掛。模板也有專門網站在提供各種變化多端的模板。
免費自訂網址。
css也是，全部自訂。免費。
直接要把blog設成private使用（只有自己看得到）、社群使用（有邀請函才能登入）都很簡單。
還可以使用自己的FTP來發佈。
前兩週沸沸揚揚的新消息：Picasa Web Album不僅容量升級，還跟Blogger作了更好的整合。（means: 用Blogger，就可以不再靠Flickr整理圖片了嘛？）

缺點

妙的是，雖然有這麼多外掛，但是相同的特色是，都會拖慢網頁loadind的速度。
沒有備份檔的匯入功能。也就是說，如果想要跳船過去，舊文得一篇一篇重新貼。
匯出功能倒是有的。討論區裡常有說到這一點的作法。

看來Blogger的缺點比較少呢（笑）。
但是缺點列表雖然項目比較少，對我卻有一條最最重要的，就是不能把舊文整批匯入。
除非我重頭再來，舊文就算了（我捨不得），否則，就是要花很久時間的死工夫。
更何況阿，一篇篇舊文重貼，也貼不回舊站裡的回應阿….

所以我現在還一直待在這兒，wordpress.com。繼續忍受上面所列出的缺點們。

註一：這裡之所以一直強調「wordpress.com」而不直接說「wordpress」、「WP」，是因為要區別兩者：「wordpress.com」是特別指「用wordpress系統所架設的多人用免費blog平台」，在上面使用免費架站的部落格，預設網址都是「帳號名稱.wordpress.com」，像我的原始網址就是「angiesaid.wordpress.com」，只是我另外付費，把它對應到了「angie.tw」罷了。至於現在在部落格界很風行的WP部落格架站系統，官方網站則是「wordpress.org」。在其官方網站，可以下載到架站程式，適合自行架站的部落客。（方法可以參考我的舊文：「苦手如我，也會架部落格了」以及「 [筆記] 在智邦虛擬主機空間架設wordpress2.0.5步驟記錄」）

註二：這裡列出我這陣子蒐集的關於Blogger系統的書籤

angie [blogger] 分類列表

BY MyShare@Url

Blogged with Flock

[筆記] 目前手上的BLOG

angie — Wed, 17 Jan 2007 07:57:12 +0000

第一個，當然是這裡。

名稱：AngieSaid@WP
系統（BSP）：wordpress.com
對應網址：http://angie.tw/
真正的那個網址，其實是http://angiesaid.wordpress.com
狀態：持續更新中。
RSS：http://feeds.feedburner.com/angie-atom

第二個，新版BLOGGER。

名稱：angie said（沿用歇業舊站的名稱）
系統（BSP）：Blogger（新）
對應網址：http://blog.angie.idv.tw/ （沿用歇業舊站的網址）
真正的那個網址，其實是http://chenyungchi.blogspot.com
狀態：

套用了羊男提供的黑貓版型。有三欄。適合喜歡一進首頁什麼都有的我。
一定要放些wp.com不給使用的javascript語法小玩意、書籤等等。
還有，正慢慢把舊文手動波回去。

RSS：http://feeds.feedburner.com/angiesaid-blogger

疑慮：

匯入功能，沒有。所以我如果想要一切承襲舊站，就得手動把舊文一篇篇貼回去。目前（2007/01/17）貼到2004年的十月份。
匯出嘛…雖說BLOGGER要備份及匯出很容易，但不代表要從BLOGGER跳船去別的BSP很容易。目前只知道wp.com可以直接以BLOGGER帳號跳船。

第三個，試用智邦「部落客獨立架站」方案的F2BLOG。

名稱：Playground
系統：F2Blog+智邦主機空間
真正的那個網址，其實是http://www.angie.url.com.tw/f2blog/index.php
狀態：剛由F2BLOG的harry幫我把MT備份檔全部倒進去資料庫（2007/01/17）。
RSS：http://www.angie.url.tw/f2blog/rss.php

第四個，也是架在智邦空間裡面的wordpress (WP.org)。

名稱：angie’s WP@URL
系統：wordpress+智邦主機空間
網址：http://www.angie.url.tw/wordpress/
狀態：自從安裝好，測試波了兩篇，並把中文亂碼調整正常後，就沒再進一步試過它了。
RSS：feed://http//www.angie.url.tw/wordpress/?feed=rss2

心得：

不要問我搞這麼多窟累不累…有時候這真的是一種樂趣（茶）
F2BLOG跟WP真的很好架。我都會。但是接下來的調教不容易。有時間的話我很樂意用心玩一玩，但是資源太多，時間太少…（智邦給三個月免費試用期不能謂不長，但我同時這樣玩，時間還是嫌不夠）。
最重點：只有第一個站，也就是本站，目前是最OK的。混亂中請您持續鎖定（RSS訂閱就對了）。一切不便（我的愛玩、三心二意、狡兔多窟）都請您見諒。

附錄：之前很動盪不安時寫的幾篇整理公告文

[筆記] 在智邦虛擬主機空間架設wordpress2.0.5步驟記錄

angie — Wed, 27 Dec 2006 06:30:05 +0000

爬文：歡樂正體中文交流站：[教學]wordpress在虛擬主機安裝的步驟

安裝準備：下載，解壓縮，修改，上傳。

安裝：第一步。

第二步，也是最後一步（XD）。

設定：外掛。Themes。API KEY。

調整：資料庫語系設定。

待解決：

wp.com匯出的備份格式，到了wp.org要怎麼匯入？我老匯不成功…

找到解答：

If moving to your own hosting of your WordPress powered blog, you will need to import it to the latest version of wordpress currently in development (2.1) which has the XML importer built in or use a plugin such as the following: http://www.technosailor.com/wordpress-to-wordpress-import

要等到2.1版才能順利匯入阿～原來不是我笨，做錯了。

在sidebar安裝新模組還得改這裡跟那裡阿…

MT的後台也可以修改？？！！

angie — Thu, 21 Apr 2005 09:01:28 +0000

再度從這兒看到的：iMacの騎士
原來後台的編輯字型也可以修改壓～
晚一點要來作個大整修！！

Movable Type 出了3.16更新版

angie — Thu, 21 Apr 2005 08:36:32 +0000

從這兒看來的

iMac Rider
iMacの騎士