1. ssh進去你的伺服器
2. 變更目錄到你的WordPress根目錄 (例如: /var/www/wp )
3. 使用下列指令: find . -name "*.php" -exec grep -H ‘TimThumb script created by Ben’ {} \;
4. 將所有找到的php檔案都更換成最新的版本即可.

再次呼籲, 有用WordPress的朋友們記得檢查一下~!

手頭上有在幫忙維護某一個擁有大量靜態圖片的網站, 這個特性是非常符合cloudflare的使用情境, 所以在我接手後變幫忙把她弄上去cloudflare, 結果相當的顯著, 網站loading速度變快了許多, 使用者使用意願也大幅增加, 於是帶來了更多的使用者.

聽起來一切都非常美好, 但是卻在server端觀察到, 隨著使用者的成長, 整體的system loading也跟著增加, 才猛然想起cloudflare是不會cache動態產生的檔案(其實html他也不會cache, 所以用rewrite rule去欺騙是沒有用的), 所以當你的網站吸引越來越多的使用者, 需要動態產生的內容也隨之增加, 因此造成server的loading過重. 於是進去後端做了些參數的調整, 就搞定了問題.

此外, 另外一個迷思是, 只要套上cloudflare後, 網站的response time就會進步了, 事實上, "機器的實體位置"還是很重要的, 如同之前提到的, 只要是動態產生的內容, cloudflare就會去跟你的機器索取一次內容, 所以你的機器離cloudflare遍佈在全世界機器的距離還是對response time會有所影響. 簡單地挑選步驟為:

1. 觀察你的使用者多數位在那個國家
2. 使用traceroute.org觀察這些國家的使用者會被導到cloudflare在全球的那個機房
3. 選擇離這些機房近的hosting provider

以台灣使用者為例, 大多數都被導到cloudflare為在香港或是美西的機房, 所以會建議選擇在美國西岸的provider, 以達到最好的效果.

最後, 這個故事教會了我們什麼? 1) 如果你後端的code寫得很爛, 使用cloudflare只會加速你網站的死亡速度. 2) 透過cloudflare可以快速地(這邊比較的基準是在國外的vps, 如果你是使用國內hosting的有錢大爺, 不在此列 XD)將網站的靜態內容傳遞給使用者, 沒有意外的話PV會隨之增加, 請在server端做好準備. 3) 請慎選機器的實體位置.

user開啓網頁 -> plugin連回大陸 -> 下一個的request又來, 因為前個request還沒解決, 只好fork新的process來處理 -> 重複回第一步

解決方法就是關掉該plugin, 網站的loading也就回覆正常了, 因此有了這篇文章, 紀錄一下這個經驗

Google在前陣子的Google IO 2001推出了Google Music Beta服務,  使用者將他所擁有的mp3透過網路傳遞到Google的雲上, 之後只要你有網路, 便可以透過Google Music聆聽你收藏的音樂, 假想敵當然就是Apple即將推出的iCould服務. 推出當下, 我就填寫試用申請, 想說碰碰看運氣, 沒想到今天就在email中收到邀請函, 所以就有了這篇簡單的心得文.

進入Google Music Beta後, 首先先下載應用程式Music Manager (介面目前只有英文版, 有M$, Mac以及Linux版本), 因為我是Mac user, 所以以下安裝介面皆Mac版本:

1. 下載後, 只需將Music Manager的圖示拖曳進去Applications即可

2. 開啓Music Manager後, 程式會引導你作一些設定, 由於這是Google的產品, 第一步步驟當然是要設定你的Google account, 緊緊的把你的帳號跟服務綁在一起

3. 接著, 指定你收藏的音樂放置的目錄, 可以指定iTune, 家目錄下的音樂資料夾或是任意一個資料夾.

4. 讓程式自動更新到最新的版本

5. 程式會開始掃描你剛剛指定的目錄, 看看有哪些音樂檔案可以匯入

6. 設定完成, 你可以選擇結束設定或是直接前往Google Music Beta

設定完成後, Music Manager便會在背景開始將你音樂上傳至Google, 上傳進度以及相關的設定可以點選螢幕上方的小圖去取得:

接著, 來看看上傳後在Google Music Beta所呈現的介面, 一登入便可以看到你所上傳全部專輯封面

點選專輯封面圖示後, 便可以看到歌曲的相關資訊, 也可以為歌曲評比:

當然, 你會想要替專輯換上美美的封面, 只需點選圖片右下方的小箭頭, 便可以編輯專輯

同樣的, 也可以針對單一一首歌曲去編輯資訊:

最後, 只需點選Play Album或是雙點歌曲名稱便可以收聽歌曲, 除此之外, 也可以透過Android Market去下載官方的app到行動裝置上面使用, 對於有Android裝置的朋友們是個蠻方便的選擇, 由於手邊沒有相觀裝置, 所以就不補圖了 :Q

同場加映, ipad2上面使用的screenshot:

function FindProxyForURL(url, host)

{

if(isInNet(host, "172.28.0.0", "255.255.0.0"))

return "DIRECT";

else if(dnsDomainIs(host, "stage.clyang.net"))

return "127.0.0.1";

else if(dnsDomainIs(host, "dev.clyang.net"))

return "127.0.0.1";

else

return "PROXY 172.30.100.100:2345";

}

當這個設定檔套用進去瀏覽器的時候, 卻發現只要輸入任何的網址都會導致整個IE卡住(輸入ip即可), 討論一下才發現….

原來他的所屬環境特別, 連DNS port都被封鎖, 所以任何的domain name反查都會被reject, 因此只要執行到isInNet, browser就會嘗試去做解析的動作, 因為查詢時候查不到, 又得等到timeout才會有true or false的結果, 所以當一個頁面需要大量做解析的時候, 就會拖垮整個browser的運作.

為了要避免這種狀況, 又得維持本來設定的條件, 最有效率的方式就是將isInNet那行改成:

shExpMatch(host, "172.28.*")

原因很簡單, 就是將輸入的hostname直接去最字串的比對, 透過這樣來跳過dns解析, 也就解決了這個問題. 真是上了一課

我從網路上面找到兩張使用前以及使用後的示意圖, 使用前的狀況是:

而使用後是:

CloudFlare除了幫忙把網頁的靜態檔案推到他的CDN上面外, 還提供詳細的網站流量報表, 網路攻擊基本的防禦, javascript/css自動minify以及其他許多方便的功能. 同時, 他還很佛心的提供免費方案, 跟pro方案對我而言最大的差別是在免費的只能等到24hr結束才能看到報表, 而pro方案則是每15分鐘就會有一次統計, 除此之外大概就是免費版本不支援ssl的連線, 但是免費的沒辦法要求太多, 所以就將就一下啦

申請的過程就不多加贅述, 唯一要注意的是妳必須把你的nameserver從本來的provider改指到CloudFlare的機器, 他提供很方便的匯入功能, 所以基本上就是到你現在使用的provdier匯出你的zone file後, 然後在CloudFlare的註冊過程中匯入, 此外, 你依舊可以透過CloudFlare提供的dns manager來管理你的domain, 介面設計的很容易上手, 應該不會有使用上的問題. 同時他會幫你多添加一筆"direct.你的domain"的A record, 如果妳本來是使用你的domain name當作主要的website url, 因為這個A record會被改指到CloudFlare的機器上, 所以如果妳直接使用ssh/ftp這類軟體連接會連不上, 所以請改連"direct.你的domain" (如果妳不滿意direct, 可以自行更改)

此外, 妳可以隨時決定是不是要透過CloudFlare來serve你的user, 只需要透過CloudFlare的dns manager, 點擊妳不想透過CloudFlare服務的那個名稱右方的雲朵即可切換 (如下圖所示, 橘色為enable)

如果一切正常, 大概等個10分鐘讓設定生效, 可以隨便在你的站上選個靜態檔案, 透過curl -I測試一下, 如果有看到下列結果就表示成功啦(跑個兩次應該就可以看到HIT):

測試過後, Hinet會連往日本的機房, 而學術網路則是會連到美西去, 希望可以早日改連到香港或是日本, 減少更多的latency.

接下來就是漂亮的統計報告, 在一堆數據中, 還會告訴你使用CloudFlare後, 他幫你省下多少流量以及整體速度加速了多少, 詳細圖表如下:

當然, CloudFlare不是沒有缺點, 首先因為他其實就是reverse proxy, 所以從server log到上層application所看到的ip都會變成CloudFlare的機器, 如果你有網站機器的權限, 可以使用CloudFlare提供的apache/lighttpd的module, 一旦安裝後他就會自動轉換正確的user ip給上層ap. 如果你沒有機器的管理權限, 那可以參考這邊是否有列出你所使用的應用軟體套件可以使用 (常見的wordpress,VBulletin都有). 如果你是自行開發網站, 要取得user真實ip其實就是從http header中取出CF-Connecting-IP這個field即可. 第二, 你必須要擁有本來的DNS的控制權, 如果你沒辦法變更nameserver的設定, 那就一切免談啦

最後, 幾天使用下來感覺還不錯用, 大家可以申請個免費帳號來玩玩看

首先，先來談談如何安裝，由於不是每種OS所提供的tmux package都是最新的1.0版，所以我會建議直接抓tarball回來編譯，快又簡單。安裝步驟如下:

1. 下載最新的tmux tarball (目前是tmux-1.0.tar.gz)
2. 解開tarball: tar zxf tmux-1.0.tar.gz
3. 如果你不是FreeBSD uesr請跳過此步驟，編輯configure檔，移除第215行的"#define HAVE_TREE_H"
4. ./configure && make && make install
5. 大功告成

如果上述步驟一切順利，理論上就可以順利執行tmux了，但是tmux預設的command prefix是Ctrl+b而非Screen慣用的Ctrl+a，所以我會建議先編輯一份自己專屬的tmux設定檔(vim ~/.tmux.conf)，設定如下: 原始檔在此下載

# Written by clyang _AT_ clyang.net
# General Setting
set-option -g prefix C-a
set-window-option -g automatic-rename off

# Statusbar properties.
set -g display-time 3000
set -g status-bg black
set -g status-fg cyan
set -g status-right "#(uptime|awk '{print $11}') #(date)"

# Fix putty/pietty function key problem
set -g terminal-overrides "xterm*:kf1=\e[11~:kf2=\e[12~:kf3=\e[13~:kf4=\e[14~:kf5=\e[15~:kf6=\e[17~:kf7=\e[18~:kf8=\e[19~"

# Binding key
bind C-a send-prefix
bind s split-window
bind '"' splitw\; selectl main-vertical
bind -n F1 lock
bind -n F2 up-pane
bind -n F3 down-pane
bind -n F9 resizep -U 1
bind -n F10 resizep -D 1
bind -n F11 resizep -L 1
bind -n F12 resizep -R 1

# Tmux lock setting
pass -c '$1$A.n6u0qu$KwXA5FnUfkWJpVLoIY1D30'

上述設定檔簡單來說，我把預設的send-prefix從Ctrl+b改成Screen習慣使用的Ctrl+a，然後定義一些快速鍵讓做事情更方便，列表如下:

• Ctrl+a後按 s : 將視窗切為左右兩個區塊
• Ctrl+a後按 " : 將視窗切為上下兩個區塊
• Ctrl+a後按 c : 產生新的window (跟screen一樣)
• Ctrl+a後按 d : 將tmux detch到背景 (呼叫回來請使用tmux attach，就如同screen -r)
• 按下F1: 鎖定tmux，會顯示一個大型的數位時鐘，密碼預設在tmux.conf裡面, 請使用"openssl passwd -1″產生，再將該字串填入pass -c後面那一串，別忘了前後都要加上單引號 ‘ 喔!!當你必須暫時離開座位時，只需要按下F1馬上鎖定tmux
• F2移動到單一畫面中的上一個pane
• F3移動到單一畫面中的下一個pane
• F9將目前這個pane的邊界往上增加一行
• F10將目前這個pane的邊界往下增加一行
• F11將目前這個pane的邊界往左增加一行
• F12將目前這個pane的邊界往右增加一行

其他的功能，大家多多摸索吧，建議趕快裝起來自己體驗一下tmux + 上述快速鍵好用的地方吧!!!

最後當然要有圖有真相(畫面左邊跟右邊那三個切割視窗就是稱之為pane，按F2、F3可以在各pane間切換，按F9~F12可以調整每個pane的大小):

*** 注意，Firmware版本需要2.2.X ***

最後一定要有圖有真相一下的阿:

1. 下載最新的fpdf，並且解壓縮取出fpdf.php
2. 編寫下列程式碼，這邊是原始碼

<?
 require('fpdf.php');
 $pdf = new FPDF();

 $d=dir('.');
 while(($file=$d->read())!=false)
 {
  if(substr($file,-4)!=".jpg") continue;
  $pdf->AddPage();
  $pdf->Image($file,0,0,220);
 }
 $d->close();
 $pdf->Output("output.pdf");
?>

最後產出的output.pdf就是我要的檔案啦!

簡單解說一下，關鍵只有一段$pdf->Image，後面的引數第一個是要匯入的jpg檔案，第二跟第三個則是代表圖片左上角的定位，最後一個則是設定圖片的寬度，沒有長度的原因是該library會自動調整長度。

有圖有真相: