SERVER 彙整

在Nginx中支援 WordPress 的 Webp,Avif 圖檔

by rainchu | 12 月 19, 2024 | Nginx, SERVER, wordpress

大前提你要先安裝有支援 webp, avif 的外掛，例如EWWW, Convert Media等等

在 Nginx 配置中加 `map` 指令：

在 Nginx 的主配置文件，通常在 /etc/nginx/nginx.conf。
在 http {} 内、server {} 之前，加入以下内容：

map $http_accept $avif_suffix {
    default "";
    "~*avif" ".avif";
}
map $http_accept $webp_suffix {
    default "";
    "~*webp" ".webp";
}

配置客户端的 Accept ，來定義 $avif_suffix 和 $webp_suffix 變量，確認是否支持 AVIF 或 WebP 格式。

Nginx 讀取 AVIF 和 WebP 的 MIME Type：

找到 /etc/nginx/ 的 mime.types

image/avif  avif;
image/webp  webp;

在站點配置中設定重導向：

找到 /etc/nginx/sites-available/yourdomain。
在 server {} ，加入以下内容：

location ~* ^/wp-content/.+\.(jpe?g|png|gif)$ {
    add_header Vary Accept;
    add_header Cache-Control "private";
    expires 365d;
    try_files $uri$avif_suffix $uri$webp_suffix $uri =404;
}

作用是：

匹配所有請求的 .jpg、.jpeg、.png 和 .gif 文件。
Vary: Accept ，告訴缓存系統按照 Accept 來區分不同的響應。
缓存控制和過期時間。
使用 try_files 指令，會先試提供的 .avif 文件，如果不存在，則提供 .webp 文件，若仍不存在，則提供原始文件。

測試並且重新加載 Nginx 配置：

sudo nginx -t
sudo systemctl reload nginx

這些配置假設您的 .avif 和 .webp 文件與原始圖片文件位於相同的目錄，並具有相同的文件名，只是副檔名不同（例如，image.jpg 對應 image.jpg.avif 和 image.jpg.webp）。

此外，請確保您的伺服器上已經存在對應的 .avif 和 .webp 文件，否則 Nginx 將返回 404 錯誤。

有關更多詳細資訊，您可以參考以下資源：

Nginx 啟用 Brotli 壓縮模組

網站圖片無縫兼容 WebP/AVIF

在 Nginx 上提供 WebP 和 AVIF 圖片

圖片優化新選擇！WebP、AVIF 如何提升網站速度

Nginx 啟用 Brotli 壓縮模組

by rainchu | 12 月 19, 2024 | Nginx, SERVER

確認 Nginx 版本

安裝 Brotli 模組

有安裝的可以跳過這一步驟，但多數 nginx 是預設沒有安裝 brotli 模組的，下載 brotli 並且安裝

cd /path/to/nginx/source
./configure --add-module=/path/to/ngx_brotli
make
sudo make install

配置 Nginx 啟用 Brotli 壓縮

找到 nginx 的設定檔，通常位於 /etc/nginx/nginx.conf ，如果是自己編譯的通常位於 /usr/local/nginx/conf/nginx.conf

brotli on;
brotli_comp_level 6;
brotli_static on;
brotli_types text/plain text/css application/javascript application/json text/xml application/xml application/xml+rss text/javascript image/x-icon image/svg+xml;

brotli on;：啟用 Brotli 壓縮。

brotli_comp_level 6;：設定壓縮等級，範圍為 0（無壓縮）到 11（最高壓縮），建議值為 6。

brotli_static on;：允許查找預先壓縮的 .br 檔案。

brotli_types ...;：指定需要壓縮的 MIME 類型，可根據實際需求進行調整。

測試並重新載入 Nginx

sudo nginx -t
sudo systemctl reload nginx

驗證 Brotli 壓縮是否啟用

curl -I -H "Accept-Encoding: br" https://您的域名

如果回應頭中包含 Content-Encoding: br，則表示 Brotli 壓縮已成功啟用。

Brotli 壓縮的關鍵特性

高壓縮率

Brotli 使用自適應哈夫曼編碼和自定義字典來提高壓縮率，比 Gzip 通常高出 15% 至 25%。
更高的壓縮率可以減少網頁資源的大小，從而提升網站的載入速度。

快速解壓

雖然 Brotli 的壓縮過程稍慢，但解壓速度非常快，這對於瀏覽器端非常重要，因為解壓過程是即時進行的。

支援範圍廣泛

Brotli 已被主流的現代瀏覽器（如 Chrome、Firefox、Edge 和 Safari）支援，並且可與 Web 伺服器（如 Nginx 和 Apache）整合。

適合靜態和動態內容

Brotli 特別適合靜態資源（如圖片和腳本）壓縮，對動態生成的內容同樣表現出色。

Brotli 與 Gzip 的比較表

特性	Brotli	Gzip
壓縮率	高，壓縮比更優	一般
解壓速度	快	快
壓縮速度	較慢（高壓縮等級下）	更快
支援的瀏覽器	現代瀏覽器全部支援	幾乎所有瀏覽器支援
靜態檔案優化	優異	一般

WordPress – wp-rocket nginx 設定

by Rain Chu | 10 月 19, 2024 | Nginx, SERVER

如果你也是 wordpress 愛用 WP Rocket 的使用者，並且WEB SERVER是用 NGINX 架設的，那肯定要參考這個 GitHub 項目，來作為你 Nginx 以及伺服器上面的最佳設定

安裝

先從 github 中下載下來

cd /etc/nginx
git clone https://github.com/satellitewp/rocket-nginx.git

並且利用 PHP 產生預設的配置檔

cd rocket-nginx
cp rocket-nginx.ini.disabled rocket-nginx.ini
php rocket-parser.php

設定 Nginx

找到 nginx 的設定檔，通常在 /etc/nginx/sites-available ，並且加入設定

server {
  ...
  
  # Rocket-Nginx configuration
  include rocket-nginx/conf.d/default.conf;
  
  ...
}

項目位置

GitHub Rocket-nginx

清除 Nginx cache 的服務 – 使用NodeJS

Nginx proxy_cache 進階設定，放飛你的 wordpress 主機

突破 Nginx proxy_pass 上傳檔案大小的限制

完全移除 Linux Apache 的方法

by rainchu | 9 月 23, 2024 | SERVER

在 ubuntu linux 中預設是用 apache2 作為 http server，但現在比較多機會是用 nginx 或是自己建的 http server ，所以在這邊記錄下我的移除方法

移除指令

sudo apt-get remove --purge apache*

執行指令後，注意看一下有沒有可能會誤刪的，沒有的話，接下去執行

sudo apt-get autoremove

執行完畢後，apache2 就會被刪除，但內容以及設定檔都還會存在

移除相關設定和內容

設定預設是存放在 /etc/apache2 這個資料夾

內容預設是放在 /var/www 下，記得要檢查備份後，刪除

(宝塔)堡塔面板，WAF，好用且美觀的主機管理器-BT.CN

by Rain Chu | 5 月 21, 2024 | Linux, SERVER, Windows

如今的網站管理，一個強大且易於使用的主機管理器是不可或缺的。堡塔面板（BT.CN）用其簡潔的介面以及豐富的功能，成為了多數中文為主的站長們和開發者的首選工具之一。

今天將詳細介紹寶塔面板的功能特點，特別是其WAF（Web應用防火牆）功能，以及它為何被譽為好用且美觀的主機管理器。

寶塔面板概述

堡塔面板，簡稱BT，是一款免費的Linux/Windows伺服器管理軟件。它通過簡潔的Web介面，幫助用戶輕鬆管理伺服器上的網站、資料庫、FTP、SSL等服務。無論是初學者還是專業運維人員，都能快速上手並高效地管理伺服器。

如何下載以及安裝

https://www.bt.cn/new/download.html

產品線分為面板、WAF、安全模組、日誌分析、手機APP管理模組

功能特點

簡潔易用的介面 寶塔面板的介面設計簡潔明瞭，用戶可以通過圖形化介面輕鬆進行各種操作。無需複雜的命令行輸入，即使沒有太多技術背景的用戶也能快速掌握。
多種環境支持 寶塔面板支持多種主流環境的安裝和管理，包括LAMP、LNMP、Tomcat等。用戶可以根據需求選擇不同的運行環境，並進行一鍵部署。
豐富的插件系統 寶塔面板提供了豐富的插件，涵蓋了網站管理、性能優化、安全防護等多個方面。例如，Memcached、Redis等緩存插件，以及PhpMyAdmin等資料庫管理工具，都可以通過寶塔面板方便地安裝和管理。
高效的運維管理 寶塔面板集成了多種運維管理工具，如日誌查看、監控報警、數據備份等。用戶可以實時監控伺服器狀態，並及時處理各種異常情況，提高運維效率。
免費版本方案 寶塔面板提供免費版本，對於大多數小型網站和個人開發者來說，免費版本已經能夠滿足基本需求。免費版本包含了核心功能，如網站管理、資料庫管理、FTP管理等，讓用戶在不花費成本的情況下也能享受到寶塔面板的強大功能。

WAF（Web應用防火牆）

WAF是寶塔面板的一項重要安全功能。它能夠有效地保護網站免受各種網路攻擊，如SQL注入、XSS攻擊、文件包含等。以下是寶塔面板WAF功能的幾個亮點：

規則靈活 寶塔面板的WAF規則庫豐富且靈活，用戶可以根據實際需求自定義規則，精確防禦各種攻擊。同時，寶塔面板會定期更新規則庫，確保最新的安全防護能力。
實時監控與報警 WAF提供實時監控功能，可以實時檢測並阻止攻擊行為。同時，系統會通過郵件、短信等方式及時通知管理員，以便快速響應和處理。
詳細的日誌記錄 WAF會記錄所有的攻擊日誌，用戶可以通過日誌查看詳細的攻擊信息，包括攻擊來源、攻擊類型、攻擊時間等。這些信息對於後續的安全分析和優化具有重要參考價值。

進階服務-付費升級

有分免費版(基礎功能，管理功能，資源監控)、專業版(專業功能，多數是防火牆)、企業版(增強功能，進階安全防護功能)

https://www.bt.cn/new/pricing.html

清除 Nginx cache 的服務 – 使用NodeJS

清除 Nginx cache 的服務 – 使用NodeJS

by Rain Chu | 4 月 17, 2024 | Nginx, NodeJS, SERVER, 程式

如果你有用 Nginx 的快取服務，無論是 fastcgi or proxy cache，都會遇到很難有一套真正好用的清除工具，這邊示範一套自己開發的清除工具，也支援多伺服器使用

安裝必要的套件

你先需要有nodejs，沒有的人先去官網安裝下，安裝完畢的人，先建立一個目錄，並且輸入以下指令，安裝必要的套件

npm init -y
npm install express

建立一個 Node.js App

可以命名為 app.js，內容如下，會建立一個小型的伺服器，用來處理 http 的請求，並且刪除指定的目錄

const express = require('express');
const { exec } = require('child_process');
const fs = require('fs');

const app = express();
const PORT = 3000;

const logFile = 'application.log';

function log(message) {
    const timestamp = new Date().toISOString();
    fs.appendFileSync(logFile, `${timestamp} - ${message}\n`);
}

app.get('/delete-dir', (req, res) => {
    let dir = req.query.dir;

    if (!dir || /[^a-zA-Z0-9_\-\/]/.test(dir)) {
        log('提供的路徑不合法！');
        return res.status(400).send('提供的路徑不合法！');
    }

    const command = `sudo find /run/proxy_cache/${dir} -mindepth 1 -type d -exec rm -rf {} +`;

    exec(command, (error, stdout, stderr) => {
        if (error) {
            log(`执行错误: ${error}`);
            return res.status(500).send('删除子目錄失敗！');
        }
        log('子目錄删除成功！');
        res.send('子目錄删除成功！');
    });
});

app.listen(PORT, () => {
    log(`服务器正在运行于 http://localhost:${PORT}`);
});

其中我把能刪除的資料定義在只有這個目錄下的才行 /run/proxy_cache/ ，避免權限過大問題

配置 sudo 權限

打開 sudoers 文件

sudo visudo

加入指令，記得把 <username> 改成自己的名字，或是 www-data

<username> sudo find /run/proxy_cache/ -mindepth 1 -type d -exec rm -rf {} +

完成後的測試

可以利用 CURL 呼叫 API ，成功就會看到 “子目錄删除成功！” 的訊息

curl "http://localhost:3000/delete-dir?dir=cache_directory"

結論與注意事項

要記得別讓外部的人可以輕易地存取這項服務，防火牆要記得把port鎖好，執行權限要小心設定，這樣就可以搭配 Nginx Cache 使用，之後再來出對應的刪除功能。

開機時候自動執行

要讓 Node.js 應用在系統開機時由特定使用者（例如 www-data）啟動，需要配置一個 systemd 服務單元。在這個情況中，我們將創建一個服務單元文件來確保 Node.js 應用作為 www-data 使用者運行。

創建 systemd 服務文件

建立一個新的 systemd 服務文件。

sudo nano /etc/systemd/system/nodeapp.service

加入以下配置

[Unit] 
Description=Node.js Web Application 
After=network.target 

[Service] 
Type=simple 
User=www-data 
Group=www-data 
WorkingDirectory=/path/to/your/app 
ExecStart=/usr/bin/node /path/to/your/app/app.js 
Restart=on-failure 

[Install] 
WantedBy=multi-user.target

參數意思如下

Description: 服務的描述。

After: 這個單元應該在網絡服務可用之後啟動。

User 和 Group: 指定運行此服務的使用者和組。

WorkingDirectory: 指定 Node.js 應用的工作目錄。

ExecStart: 指定啟動應用的命令。

Restart: 指定何時重新啟動服務，on-failure 表示只在程序異常退出時重啟。

啟用和啟動服務

重新加載 systemd 配置以讀取新的服務文件：

sudo systemctl daemon-reload

啟用剛創建的服務，使其在開機時自動啟動：

sudo systemctl enable nodeapp.service

啟動服務以檢查它是否運行正常：

sudo systemctl start nodeapp.service

檢查服務的狀態來確認一切正常：

sudo systemctl status nodeapp.service

Nginx proxy_cache 進階設定，放飛你的 wordpress 主機

WordPress 性能優化：使用 NGINX FastCGI Cache 提高頁面加載速度

« Older Entries

在Nginx中支援 WordPress 的 Webp,Avif 圖檔

在 Nginx 配置中加 map 指令：

Nginx 讀取 AVIF 和 WebP 的 MIME Type：

在站點配置中設定重導向：

測試並且重新加載 Nginx 配置：

Nginx 啟用 Brotli 壓縮模組

確認 Nginx 版本

安裝 Brotli 模組

配置 Nginx 啟用 Brotli 壓縮

測試並重新載入 Nginx

驗證 Brotli 壓縮是否啟用

Brotli 壓縮的關鍵特性

Brotli 與 Gzip 的比較表

相關資源

WordPress – wp-rocket nginx 設定

安裝

設定 Nginx

項目位置

完全移除 Linux Apache 的方法

移除指令

移除相關設定和內容

(宝塔)堡塔面板，WAF，好用且美觀的主機管理器-BT.CN

寶塔面板概述

如何下載以及安裝

功能特點

WAF（Web應用防火牆）

進階服務-付費升級

清除 Nginx cache 的服務 – 使用NodeJS

安裝必要的套件

建立一個 Node.js App

配置 sudo 權限

完成後的測試

結論與注意事項

開機時候自動執行

創建 systemd 服務文件

參數意思如下

啟用和啟動服務

近期文章

近期留言

彙整

分類

在 Nginx 配置中加 `map` 指令：