WordPress + Chevereto

WordPress + Chevereto 圖床軟體來管理媒體庫

Written by

繼上一篇的 WP Offload S3 Lite 外掛來儲存 WordPress 媒體庫,這一篇來介紹自己架設 Chevereto 圖床網站來管理媒體庫。

Chevereto 是一款採用 PHP 語言開發的網路相冊程式,支援線上圖片下載及分享服務系統,又支援多語言,控制台可以直接設置中文語言,也支援本地電腦上傳和行動裝置圖像上傳方式,並集合多種功能。

內容目錄:

  • 下載 Chevereto 免費版
  • 安裝 Chevereto
  • 設置 Chevereto 控制台
  • Chevereto 上傳圖片
  • 404 問題的原因

這套程式可以隨意架設在任何空間上,VPS 或虛擬主機都可以簡單幾個步驟安裝完成;站長試用過幾套圖床程式,Chevereto 可以說是簡單又不用花錢的程序。

Chevereto 分為免費版、付費版及付費版 + 空間 3 種模式,這篇我介紹的是使用免費版的 Chevereto 來管理 WordPress 媒體庫。

免費版的 Chevereto,其功能已經非常齊全了,與付費版最大的差別在投放廣告與支援額外存放空間 (例如:Amazon S3)。

下載 Chevereto 免費版

GitHub 說明文件:

https://github.com/Chevereto/Chevereto-Free/

安裝 Chevereto

  • 建立一個域名或子域名,A 紀錄指向到您的主機
  • 建立一個資料庫
  • 將 Chevereto-Free-1.0.8 文件解壓後上傳到你的網路空間
  • 鍵入您的網址,執行安裝程序

依照指示,填入資料,按下一步

Chevereto install

設置 Chevereto 控制台

安裝完成後,進入 Chevereto 控制台,點取右上角的「設置」,先將語系更改為中文。

Chevereto setup
Chevereto setup

因為作為 WordPress 圖床使用,在「主控台」更改為個人使用,網站模式改為「隱私」。

Chevereto setup

其他的設置使用預設值即可,或是依您的喜好設置,都是中文,您看得懂的。

Chevereto 上傳圖片

點取右上角的「上傳」,由本地端電腦上傳圖片,也可以用拖拉方式。

Chevereto setup

上傳好的圖片,查看崁入代碼,將連結貼上你的 WordPress 文章。

Chevereto setup

這樣就完成自己架一個圖床程式給 WordPress 網站使用。

精選圖片的處理,可以安裝 Featured Image From URL 外掛。

https://wordpress.org/plugins/featured-image-from-url/

404 問題的原因

404 的原因是偽靜態網址配置錯誤。

Chevereto 默認是基於 Apache 系統環境的偽靜態規則,如果伺服器是 Nginx 系統則需要設置偽靜態規則,配置如下:

官方提供的配置文件

在 server 段最下面加入以下配置:

# Disable log on not found images + image replacement
location ~* (jpe?g|png|gif) {
	log_not_found off;
	error_page 404 /content/images/system/default/404.gif;
}

# Enable CORS header (needed for CDN)
location ~* \.(ttf|ttc|otf|eot|woff|woff2|css|js)$ {
	add_header Access-Control-Allow-Origin "*";
}

# Force serve upload path as static content (match your upload folder if needed)
location /images {}

# Route dynamic request to index.php
location / {
	try_files $uri $uri/ /index.php?$query_string;
}

如果您的主機是 Apache 系統也發生 404 的錯誤,請開啟 mod_rewrite 模組。

虛擬主機,在 PHP 選項將 mod_rewrite 打勾。

結語

WordPress 媒體庫的管理有好幾種方式,我自己除了用 Amazon S3 之外,還是比較偏向自己架設圖床來管理,備份或搬遷都好處理。

上傳到圖床的圖片,別忘了可先使用線上圖片壓縮工具,優化您的圖片,可以減小傳輸流量。

WordPress Media 媒體庫教學系列文章:

1. WP Offload S3 Lite 外掛來儲存 WordPress 媒體庫

https://yungke.me/wp-offload-s3-lite-wordpress-media-library/

2. 如何優化 WordPress 媒體庫圖片

https://yungke.me/how-optimize-wordpress-images/

3. 使用子網域儲存 WordPress Media 媒體庫

https://yungke.me/subdomain-wordpress-media-library/

hosted by kinsta

〈WordPress + Chevereto 圖床軟體來管理媒體庫〉的留言

  1. 你好,

    自架圖床可以自動產生縮圖嗎,我用imgur做圖床,但featured image from url只會產生featured image, template需要的其他尺寸縮圖不會自動產生,請問有方法解決嗎?謝

    1. 用圖床外連,當然不會縮圖,如會縮圖的話,就會在媒體庫產生圖片,就失去用圖床的意義了 (就是要節省主機空間,才用圖床)。
      或許一個變通方式,只有 featured image 上傳媒體庫產生縮圖,其他的文章圖片使用圖床外連。
      另外二個方法,使用子域名存放圖片,或用 FTP 上傳另一個主機,這兩個方式都會產生縮圖,但也會增加你支出。

  2. 您好照您的方法成功架設了XD

  3. Yungke您好~想跟您請教一些問題,我wordpress也是跟您一樣是架Chevereto圖床url外連圖片,方便管理,後來做了圖片優化將之前的圖片全部改成webp格式,但是這會導致一些沒有支援的瀏覽器無法顯示。
    目前已知手動加入標籤可以分辦瀏覽器是否支援webp格式。
    (以下範例,當瀏覽器支援webp格式就直接顯示default.webp,反之則顯示default.jpg)

    但每個圖都要生產兩張(jpg&webp)再手動放上連結,這光想就很費工夫,想請問Yungke您有遇到一樣的webp優化問題嗎?有沒有甚麼辦法減少這個繁瑣的功夫,或是有相關套件可以優化呢?

    1. 在 WP 的網站下,並不是改成 Webp 圖片格式後,瀏覽器就會自動抓取 Webp 或 JPG 圖片,這個還需要有快取外掛的配合。
      目前,我知道的可以自動判斷瀏覽器可閱讀哪種圖片格式的快取外掛有:
      WP Rocket (付費)
      Cache Enabler Plugin (免費)

  4. *抱歉剛剛傳的html沒有顯示出來所以重傳

    Yungke您好~想跟您請教一些問題
    我wordpress也是跟您一樣是架Chevereto圖床url外連圖片,方便管理,後來做了圖片優化將之前的圖片全部改成webp格式,但是這會導致一些沒有支援的瀏覽器無法顯示。
    目前已知手動加入picture標籤可以分辦瀏覽器是否支援webp格式。
    (以下範例,當瀏覽器支援webp格式就直接顯示default.webp,反之則顯示default.jpg)
    《picture》
    《source type=”image/webp” srcset=”default.webp”》
    《img src=”default.jpg” alt=”My default image”》
    《/picture》
    但每個圖都要生產兩張(jpg&webp)再手動放上連結,這光想就很費工夫,想請問Yungke您有遇到一樣的webp優化問題嗎?有沒有甚麼辦法減少這個繁瑣的功夫,或是有相關套件可以優化呢?

    1. 收到,晚一點回覆您。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Your Mastodon Instance