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

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);
    }

 

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

 

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

 

使用教學之外掛篇:

 

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

 

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

 

外掛設定如下:

 

類別

說明

欄位設定

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 免裝 Jetpack 外掛使用 Photon CDN 圖床加速教學

 

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

 

Avatar for 史密斯先生

史密斯先生

同時身兼站長與網管,校長兼撞鐘一職,史密斯是個熱愛科技三吸阿宅,常在 PTT 批踢踢與歐美鄉民集散地 reddit 走跳,並且對 VPN & 翻牆跳板連線資訊特別感興趣,希望藉由「跳板俱樂部 VPN Club」平台讓大家掌握最即時又快速的網路動態。

留言板