WordPress 免裝 Jetpack 外掛使用 Photon CDN 圖床加速教學

現在有越來越多朋友使用 WordPress 架設網站，但最常遇到外掛裝太多，或是圖片數量大導致載入過慢情況，又不要裝肥大 Jetpack 卻想使用「Photo CDN」圖片加速服務，其實可以免裝外掛善用語法達到相同功能，詳盡使用方式就來看教學文吧 ~

 

使用教學之免裝外掛：

 

直接將以下語法貼到佈景主題 function.php 檔案內，記得將紅色文字網域給修改成自己圖片網址，否則無法進行取代還有正常運作。

 

//針對特定網域之 JetPack 圖片網址替換
add_filter('the_content','_imagefilter');
function _imagefilter($content){
    $source = "cdn.vpnclub.cc"; // 欲使用 CDN 圖片網域
    $bypass[] = "i0.wp.com/".$source;
    $bypass[] = "i1.wp.com/".$source;
    $bypass[] = "i2.wp.com/".$source;

$content = str_replace($bypass,$source,$content);
$count = substr_count($content,$source);
$arr = explode($source,$content);
for ($i=0; $i<$count; $i+=3){
    $arr[$i].= $bypass[0];
    if($i+1>=$count) break;
    $arr[$i+1].= $bypass[1];
    if($i+2>=$count) break;
    $arr[$i+2].= $bypass[2];
    }
    return implode($arr);
    }

 

這是圖片實際步驟，完成後記得按儲存檔案。

 

 

使用教學之外掛篇：

 

此外也提供個安裝外掛方法，有興趣朋友可以來試試，於安裝外掛頁面，搜尋 CDN Enabler 進行安裝然後將其啟用。

 

 

外掛設定如下：

 

類別	說明	欄位設定
CDN URL	輸入 CDN 連結其後方不用加入 /	https://i0.wp.com/img.vpnclub.cc
Included Directories	將目錄指向至 CDN URL	wp-content/uploads/
Exclusions	排除副檔名格式	.php,.mp4,.csv,.svg,.rtf,.txt,.html,.htm,.css,.js,
Relative Path	CDN 相對路徑	勾選啟用
CDN HTTPS	HTTPS 連接 CDN	勾選啟用

 

完成後記得儲存設定。

 

 

說到這 WordPress Photon CDN 節點分別為 i0-i2.wp.com 自行選擇使用，或是參照第一種作法隨機套用，只可惜若要覆蓋同檔名檔案，以這 CDN 做法不會被取代，因為已經被快取住了，除非是檔案重新命名，若未來能有所謂時效性，或是手動刪除功能就更完善了。