利用七牛雲存儲CDN服務 | 給WordPress靜態文件加速

一般個人博客站的空間都不是太大，流量也是有限制的。如果網站的訪問速度和存儲空間不夠的話，就需要花錢去升級虛擬主機了。不想花錢？那就看看七牛的免費cdn加速服務吧。

憑藉 10G 流量 + 10G 存儲的免費套餐，七牛雲存儲快速獲得了大批的用戶。其中 WordPress 博主佔了不小的比例。我之前已經發過用七牛雲存儲加速wordpress運行的文章，但是寫的不是很詳細。下面我就詳細說下怎麼利用二級域名綁定七牛雲存儲建立自己的專用空間，讓 WordPress 用上七牛雲存儲 CDN 加速服務。

第一步：創建七牛存儲空間

首先，你得有一個七牛賬號。點擊這裏去註冊，立即享受每月 10G 流量 + 10G 存儲的免費服務。

有了賬號，我們需要建立一個公開空間。可以自定義命名。

第二步：設置七牛雲存儲空間

成功建立空間之後，打開該空間的【空間設置】頁面。

點擊申請綁定域名，配置自定義域名，並輸入已經準備好的二級域名和域名備案號，自定義域名需要七牛審覈（是否備案）審覈後需要三到四天的配置時間，等幾天就行。沒有備案的域名可以使用七牛自帶的二級域名。

最後在【鏡像存儲】下，點擊【一鍵加速網站】按鈕，輸入你要圖片託管的博客地址即可。

到這裏，七牛那邊的設置已經完成了。也就是說，我們只需將 WordPress 輸出的內容中，所有的 http://yusi123.com/ 域名替換爲http://images.yusi123.com/ 就能實現 CDN 加速。

第三步：配置WordPress

這裏有好幾種方式可以實現七牛雲存儲加速wordpress靜態文件功能。

1、非插件方法實現七牛加速wordpress

在 WordPress 主題目錄下的 functions.php 文件中，加入以下代碼實現替換功能：

1. if ( !is_admin() ) {
2. add_action('wp_loaded','yusi123_ob_start');
4. function yusi123_ob_start() {
5. ob_start('yusi123_qiniu_cdn_replace');
6. }
8. function yusi123_qiniu_cdn_replace($html) {
9. return str_replace('[這裏填寫博客路徑]', '[這裏填寫七牛空間路徑]', $html);
10. }
11. }

以我的設置上傳目錄 wp-content/uploads/ 文件夾爲例，路徑就應該替換爲如下代碼：

1. return str_replace('http://yusi123.com/wp-content/uploads/', 'http://images.yusi123.com/wp-content/wp-uploads/', $html);

如果你需要更具體的範圍控制（多目錄、指定文件類型），可使用以下代碼替換上面的yusi123_qiniu_cdn_replace部分：

1. //修改自七牛鏡像存儲 WordPress 插件
2. function yusi123_qiniu_cdn_replace($html){
3. $local_host = 'http://yusi123.com'; //博客域名
4. $qiniu_host = 'http://images.yusi123.com'; //七牛域名
5. $cdn_exts = 'js|css|png|jpg|jpeg|gif|ico'; //擴展名（使用|分隔）
6. $cdn_dirs = 'wp-content|wp-includes'; //目錄（使用|分隔）
7.  
8. $cdn_dirs = str_replace('-', '\-', $cdn_dirs);
9.  
10. if ($cdn_dirs) {
11. $regex = '/' . str_replace('/', '\/', $local_host) . '\/((' . $cdn_dirs . ')\/[^\s\?\\\'\"\;\>\<]{1,}.(' . $cdn_exts . '))([\"\\\'\s\?]{1})/';
12. $html = preg_replace($regex, $qiniu_host . '/$1$4', $html);
13. } else {
14. $regex = '/' . str_replace('/', '\/', $local_host) . '\/([^\s\?\\\'\"\;\>\<]{1,}.(' . $cdn_exts . '))([\"\\\'\s\?]{1})/';
15. $html = preg_replace($regex, $qiniu_host . '/$1$3', $html);
16. }
17. return $html;
18. }

還有一種更簡單的方法：

直接在wordpress後臺 設置->多媒體->文件的完整URL地址中設置你的圖片上傳路徑。

路徑設置如下：http://你的二級域名（七牛三級域名）/wp-content/uploads

設置之後基本就可以使用了（我就是使用的這種方法）。很便捷。

2、插件方法實現七牛加速wordpress

如果你的需求還包括加速遠程圖片或刷新緩存等，那麼建議使用我愛水煮魚的七牛鏡像存儲 WordPress 插件。當然還有一些其他個人開發的七牛插件，你也可以試試。不過我愛水煮魚的插件是官方推薦的，也比較受歡迎。大家可以選擇性使用。

最後非常重要的一點:

爲了防止權重流失，不要忘記在七牛空間放一個robots.txt：

1. User-agent: *
2. Disallow: /
3. User-agent: Googlebot-Image
4. Allow: /
5. User-agent: Baiduspider-image
6. Allow: /