做對每一件小事,做對每一個細節,能夠做到一百分的事,就不要只做六十分敷衍過去。
即將消失的自助新村.眷村裡迷路.舊草嶺環狀自行車道 20 公里行.西部小旅行:阿里山森林鐵路車庫園區&北門車站.台糖烏樹林休閒園區.永保安康&橋頭糖廠.打狗鐵道故事館&駁二.旗山.里港&屏東.彰化扇形車庫.大肚成功.出島計畫:馬公.北環.湖西+南環.馬公.支線之旅:平溪.舊山線.林口線.鼻頭角步道.野柳地質公園.猴硐.七堵鐵道公園.一滴水紀念館.淡水.淡水天元宮賞櫻.烏來.土城桐花祭.三芝天使光.桃園忠烈祠.南部旅行:板橋→台南.台南→永康→保安→橋頭→左營→鼓山→旗津→鳳山.鳳山→竹田→枋寮→加祿→古莊→鳳山.鳳山→台南→台中→新竹→板橋.一個人環島:楔子.台北→花蓮.花蓮→台東.台東→枋寮→南州→鳳山→高雄→鳳山.鳳山→高雄→二水→集集→車埕→台中.台中→新竹→竹東→內灣→竹東→新竹→板橋
未完待續…
- Oct 30 Sat 2010 15:15
-
漢語拼音與拼音輸入法(5):聲調
- Oct 18 Mon 2010 09:21
-
漢語拼音與拼音輸入法(4):韻母(下)
- Oct 07 Thu 2010 08:32
-
漢語拼音與拼音輸入法(3):韻母(中)
- Oct 04 Mon 2010 09:16
-
漢語拼音與拼音輸入法(2):韻母(上)
- Oct 01 Fri 2010 14:56
-
漢語拼音與拼音輸入法(1):架構與聲母

身邊有些朋友因為種種原因,必須使用拼音輸入法來輸入文字。要使用拼音輸入法,無可避免的必須會漢語拼音,但這東西根本沒有學過啊…
由於注音符號和漢語拼音可以一對一對應,因此這系列文章將會以注音符號為輔助做為說明。
- May 20 Tue 2008 16:51
-
WinFF 轉檔教學

因為經過實驗證實,使用之前提到的 Ultra Flash Video Converter 轉檔,在指定大小的時候會有問題。山不轉路轉,所以來介紹另一套 WinFF 。 WinFF 是使用版本有點舊的 FFMpeg 為基礎,在 windows 進行轉檔,反正可以解決問題就行了。XD
不囉嗦,教學開始。
到官網下載 WinFF ,Next, I Accept Next, Next, Next, Next, Install, Finish, 安裝完成。
首先選 Options > Additional Options,把它打勾,開啟進階選項。
然後下載我已經調整好的 WinFF Preset File for PIXNET 。
下載完以後,在 WinFF 按 File>Import Preset ,把檔匯入,不會有任何訊息。
接下來按 Add 加入要轉的檔案,在 Convert To ... 選項左邊拉 *PIXNET* ,右邊拉 PIXNET 。
Output Folder 選一下。
下面的 Additional Options 就是進階選項,建議勾選 2 pass ,如果有要壓特定比例就輸入在 Video Size 的格子裡。
這裡唯一可惜的是不支援中文檔名,所以不能放在「桌面」(這是有中文字的資料夾)。
都好了之後按 Convert ,跳出傳說中的「黑視窗」進行轉檔。
轉完了的時候黑視窗最下面會說「請按任意鍵繼續」。
這樣就轉好啦。
- Apr 25 Fri 2008 21:13
-
Ultra Flash Video Converter 簡易教學

Ultra Flash Video Converter 是一套前陣子常在用的轉檔軟體。
原本是用 Riva FLV Encoder 在轉啦,不過從某日起 Riva 只會跟我說 Error error and error 以後就換掉了。
不囉嗦,正文開始。
- Sep 30 Sun 2007 11:31
-
管理樣式的利器(10) - Notepad2 (系列完)

上一次提到中文會有亂碼問題。
最簡單的方法就是用Windows內建的記事本把檔案叫出來,選擇另存新檔。
然後在編碼部份選擇Unicode,檔名為原檔名,就可更新編碼。
不過這裡要介紹另一個軟體,叫做Notepad2。
看到它的名字就可以猜到,它是一個和原本Windows內建的記事本有類似介面,但是功能比較強一點的軟體。
Notepad2目前最新的版本是2.0.18,不過該版本似乎對中文支援出了一點問題,因此接下來要用的是舊的1.0.12版。1.0.12版已由交大資工Nelson(如果沒錯的話,就是這位Nelson)製做中文化,可直接下載。
下載完以後解壓縮,Readme.txt為關於該程式的一些說明,此處略過。
利用Notepad2轉換編碼的方法和原本的記事本有點不同。
Notepad2的編碼設定在檔案(F)→編碼(E)裡。
最簡單的方法就是全選,剪下,把編碼改成Unicode,再貼上,儲存。XD
當然也可以直接設定Unicode為預設值啦,不過我沒這樣設定就是。
編碼改為Unicode後,再重新使用TortoiseSVN提交到OpenSVN的樣式專案裡,trac裡顯示的中文字元就會正常了。
接下來講點額外的,也是這篇介紹Notepad2的主因。
Notepad2有一個很棒的功能叫做高亮度。簡單來講就是它會去按照這個檔的副檔名判斷它是屬於哪一種檔案,進而替某些文字設定不同的顏色值。下圖是有支援高亮度的各種檔案類別,其中包括CSS Style Sheets這類檔案,也就是樣式。
在CSS Style Sheets點兩下就會展開,可以對樣式裡的相對應文字類別設定顏色。
下面就是一個簡單的例子,當然因為顏色設定各人喜好不同,所以看起來可能不大一樣。
基本上我有設定的只有Unknown Pseudoclass(例如下面的:before和:after),Unknown Identifier(例如overflow-x),Id,Important;因為這四個在原始的值是沒有設定顏色的。
在上例中我在第7行打了 {[( 這樣只有開頭沒有結尾的括號。當游標後面的字符是這三組括號時,Notepad2會自動去抓相對應的結尾括號,如果它找不到就會用另一個顏色提醒你:這個括號沒有成對。下例是我把游標移到另一個有成對的括號的顯示方式。
不過要注意的是它只會去找 () [] {} 這三組括號,對於其他的包括'' "" <>以及中文所有的成對括號都是不支援的。
當然這種類型的編輯器很多,不一定要使用Notepad2,以自己容易上手、方便為主。
希望透過介紹subversion這套版本控制系統以及各式輔助版本控制的軟體,對大家有點幫助。
(系列完)
- Sep 20 Thu 2007 13:18
-
管理樣式的利器(9) - trac

對於 TortoiseSVN 的介紹暫時告一段落。
接下來介紹的是 trac 。這是在 OpenSVN 裡附加的其中一個好用的功能。
首先登入 OpenSVN ,選擇 trac 頁籤。
在 trac support 旁會有一個網址,點選後跳到 trac 的主畫面。
選擇 Browse Source,會出現類似下圖的畫面。
簡單解釋一下這個畫面裡的東西。
Name下方的就是目前有列入這個專案的所有檔案及目錄的名稱。
Size下方的是相對應檔案的大小。
Rev下方的是相對應檔案或目錄的revision版本。
Age下方的是相對應檔案或目錄的年齡,越新的檔案顯示的時間越小。
Last Change下方對應的是相對應檔案或目錄最新版本由哪一位作者做出更動,以及更動的訊息摘要。
其中Name和Rev下方的均為可以再點入的連結。
以上圖為例,點選test-two.css。
點進去以後一樣會秀出該檔案上次變動是第幾個revision,檔案大小,由誰做出更動,更動的訊息等等。
下方會顯示檔案的全部內容。
最下方會有一個 Download in other formats 的選項,在此可以點 Plain Text 做純文字檔的備份,也可以點 Original Format 做原始檔案的備份。
再舉幾個例子。這次點選"測試.css"這個檔案。
不一樣的是會發現檔案裡的中文無法正常顯示,變成亂碼。這個問題之後會解決,這裡先略過。
這是圖片的範例。不一樣的是圖片只會有 Original Format 的選項提供下載備份。
這是資料夾的範例。Rev下方的版本號碼不連續,並不是跳號了,而是中間不連續的版本中間這個檔案或資料夾沒有變動,像上面的範例就是在 revision 2 裡沒有對這個資料夾做變動。
回到一開始的 Browse Source,在它旁邊的 New Ticket 下方有一個 Last change的連結。點進去以後就會秀出最新的revision做了什麼事;而上圖中Chgset下的中括號數字點進去就是那個revision做了什麼事。
比如說我在上圖的時候點[4]進去看:
同樣的我點[5]:
右邊有一個 View differences;選擇 inline 時會如上圖所示。
也可以選擇為side by side,然後按Update,就會如下圖所示。這也是依個人喜好選擇。
再介紹一個功能。一樣選Browse Source的畫面,在trac powered的腳印上方會有一個 View changes...的按鈕。
在兩個 at Revision: 的後方輸入兩個不同的數字,就可以比較兩個版本之間的差異。
下圖就是以 revision 3 和 revision 5 做比較的結果。
至於這些功能對於樣式控管有什麼幫助,就要自己去體會了。
(待續)
- Sep 15 Sat 2007 19:45
-
管理樣式的利器(8) - 版本控管(下)

Revision 和 revision 之間的差異取決於送交到遠端 subversion 伺服器的頻率。
我們可以每改一兩行就送交一次(不過很快就會到 revision 2046),也可以改到一個階段完成才送交到遠端。這中間的拿捏完全在於我們自己。
複習一下全部送交好時的模樣。
當加入版本控制的版本出現變動時,會從已完成的綠色打勾符號變成紅色的驚嘆號。
當準備好要送交時,一樣在樣式目錄上按右鍵選送交。
在這個畫面按下確定之前,可以先點擊有變動的檔案,看差異在哪裡。
我不大確定這是不是新增的功能,因為之前還沒寫這系列教學文時我灌的TortoiseSVN版本比較舊一點,當時沒有用到這功能。
差異會以左右視窗顯示。
當然也可以省略這個步驟。
記錄訊息一樣也是看要不要輸入,輸入的好處在之後講 trac 時會再提。
這裡我把它送交出去,變成 revision 2。
有幾點和平常使用習慣不一樣的特別提一下。
不管是「更改檔名」或者「刪除檔案」,建議有版本控管的檔案都從 TortoiseSVN 的子選項下去做,而非直接更改或刪除。
下圖的例子是透過TortoiseSVN來「加入35.gif」、「把test2.css更名為test-two.css」以及「把”圖檔”資料夾更名為"pictures"資料夾」的實際呈現。
要注意的是,看起來會像是「加入」了一個pictures資料夾和兩個檔,「刪除」了一個圖檔資料夾。
這裡我一樣把它送交出去,變成 revision 3。
將檔案移到某一層資料夾也得用更名處理。
這裡的例子是把35.gif移到剛更名的pictures資料夾裡。
在任何更動送交之前,如果有某些更動突然想反悔的,可以使用復原功能。
例如說我不小心把樣式清空了而且存檔了救不回來的狀況:
這時一樣在不小心更動的檔案上按右鍵,選擇 TortoiseSVN 選單裡的復原。
會出現復原對話框,按確定。
然後 TortoiseSVN 就會自動幫你復原到原始的版本。
這裡要提的是,如果從開始改樣式到送交前其實已經改過很多次,只是最後一次不小心改爛了,這時並不建議用復原,反而建議用送交。
復原會讓你這N小時的心血全部回到原點。
(待續)
- Sep 13 Thu 2007 13:15
-
管理樣式的利器(7) - 版本控管(上)

在做好資料夾設定以後,把樣式檔案存放到這個資料夾。
如果有需要的話,也可以把樣式所用到的圖檔一併存在同一個資料夾裡,一起做版本控制。
好了之後全選,按右鍵,選擇 TortoiseSVN 裡的加入(A)。
按加入之後會跑一個對話框出來。
上圖是個範例,實際上當然是看加入什麼檔案就顯示什麼。
如果有不要的檔就把勾勾取消,然後按確定。
加入成功以後會如上圖所示。
注意這裡所指的「加入」指的是檔案加入版本控制的範圍。
回到檔案總管,按 ctrl-f5 重新整理後會發現剛加入的檔的左下角多了藍色的加號,代表加入成功。
然後再次全選按右鍵,這次選擇另一個「送交」的功能。
會出現輸入紀錄訊息的對話框,可以在訊息欄輸入這次更改的摘要。
輸入完按確定讓程式跑。
跑完以後會出現一個「完畢 於版本: 1」,就代表完成了。
回到檔案總管,再按 ctrl - f5 重新整理,會發現剛剛加入的檔都變成有一個打勾的符號,就ok了。
回到 https://opensvn.csie.org 看自己的專案,會發現已經把剛更新的全部上傳好了,並顯示為 Revision 1。
(待續)
- Sep 11 Tue 2007 12:25
-
管理樣式的利器(6) - 設定專用資料夾

在上次提到了設定 TortoiseSVN 的時候,有個地方是包含路徑。
如果在上次還沒有建立一個樣式專用的資料夾的話,那必須建立一個專用的資料夾,才能接續之後的設定。
建立專用資料夾的另一個好處是可以把所有作品都放在一起,比較好找。
以上例的 pixnettest 資料夾為例,在它上面按右鍵,選擇 TortoiseSVN 子選單,裡頭有一個取出(K)。

