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

WordPress + Chevereto Media- Lbrary

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

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

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

Chevereto 官網介紹:

A modern image sharing experience with drag-and-drop uploader, multi-server support, categories, user accounts, private albums and more. You will just love Chev...
Chevereto 分為免費版、付費版及付費版 + 空間 3 種模式,這篇我介紹的是使用免費版的 Chevereto 來管理 WordPress 媒體庫。

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

Advertisement

下載 Chevereto 免費版

GitHub 說明文件:

Open source software for building image hosting websites. - Chevereto/Chevereto-Free

Chevereto 1.1.1 download

安裝 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 外掛。

Use an external image as Featured Image of your post/page/product (WooCommerce). Includes Auto Set (External Post), Product Gallery, Social Tags and m …

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 媒體庫

WP Offload S3 Lite 外掛可以自動將 WordPress 媒體庫圖片、視頻、文檔通過 WordPress 上傳置 Amazon S3 Bucket 中。然後,它會自動將每個媒體文件的 URL 替換為各自的 Amazon S3 URL,或者如果您已經配置了 Amazon CloudFront,則會顯示相應的 CloudFront URL。

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

這是一個老生常談的問題,在 FB 社群中常被提出討論,PageSpeed Insights 分數很低,該如何優化網站的圖片,大家會介紹各式好用的壓縮軟體外掛及方法 (photoshop);WordPress 媒體庫圖片的壓縮優化的法則大家都知道,不過,好像都忽略了一個重要的方向。就是,你的網站需要多大的圖片尺寸 (Pixels) 才夠用。

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

使用子網域來儲存 WordPress 媒體庫圖片 (Media Library),在 HTTPS 時代之前,是為了增加網頁加載的速度;現在這麼做,是為了方便管理媒體庫圖片,更重要的是可以縮短備份的時間,減低主機 CPU 負載。

Featured Photo by Dan Gold on Unsplash

Follow me

yungke

視咖啡如命的癮君子,沒有厲害的技術,只會小打小鬧的電腦工程師,其實是個打雜小弟,修電燈、水管也都是我的工作。
yungke
Follow me
Advertisement

Follow Me

查看本文
喜愛 Like 點擊數!!

Comments

  1. chi says:

    你好,

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

    • yungke says:

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

  2. 天涼好個秋 says:

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

Back to top