寶塔面板部署vitepress（自動發佈靜態）

1.部署環境

• 服務器系統：CentOS 8.4.0（這裡是指操作的系統版本）
• 寶塔面板

2.寶塔軟件安裝

Nginx/Apache

根據個人需求任意安裝一個，用於反向代理做域名綁定或80端口訪問使用

Node.js版本管理器

劃重點

是Node.js版本管理器，不是PM2管理器

TIP

命令運行版本默認狀態是：未設置，這裡我們需要選擇一下版本，否則後面安裝vitepress無法使用命令行模式。

3.開放8080端口

服務器開放端口

• 阿里雲開放端口
• 騰訊雲開放端口（雲服務器）
• 騰訊雲開放端口（輕量雲)

寶塔面板開放端口

寶塔面板左側菜單欄找到【安全】點擊進入，填寫端口後點擊【放行】

【注意】如果服務器8080端口已被佔用，可使用其他端口，如：8081等...

4.建立網站及運行目錄

注意

數據庫選擇 【不創建】，PHP版本選擇【純靜態】

注意

user.ini文件無法被批量刪除，就點擊文件右側的刪除按鈕進行刪除

5.命令行部署vitepress

在網站目錄下打開寶塔終端並執行以下命令

# 在你的項目中安裝
npm add -D vitepress

# 設置嚮導
npx vitepress init

# 開始寫作
npm run docs:dev

# 構建靜態文件（一定要構建靜態文件，否則域名或IP訪問403錯誤）
npm run docs:build

在網站設置中，重新設置網站目錄，定位到：/www/wwwroot/你的網站目錄/.vitepress/dist

TIP

注意關閉放跨站攻擊

6.關於自動構建靜態

1.打開寶塔的【計劃任務】 ，新建shell腳本類型計劃任務，執行週期根據自己情況設置

（構建靜態過程中非常消耗服務器配置，建議最短每天一次，推薦一週一次）

在計劃任務中添加  cd /你的網站目錄 && npm run docs:build

cd /www/wwwroot/vitepress && npm run docs:build