如何在VPS上部署静态网页？

如何在VPS上部署静态网站：完整指南

主要部署步骤概览

详细操作流程

步骤1：准备VPS环境

• 使用SSH客户端连接VPS
• 推荐工具：PuTTY（Windows）、Terminal（Mac/Linux）

# 更新系统包管理器
sudo apt update && sudo apt upgrade -y
安装常用工具
sudo apt install -y curl wget vim

步骤2：安装Web服务器

• 使用系统包管理器安装
• 配置文件位于/etc/nginx目录

# 安装Nginx
sudo apt install -y nginx
启动Nginx服务
sudo systemctl start nginx
sudo systemctl enable nginx
检查服务状态
sudo systemctl status nginx

步骤3：配置网站目录

• 默认网站目录：/var/www/html
• 权限设置很重要

# 创建网站目录
sudo mkdir -p /var/www/mysite
设置目录权限
sudo chown -R $USER:$USER /var/www/mysite
sudo chmod -R 755 /var/www/mysite
创建测试页面
echo "我的网站测试页面" > /var/www/mysite/index.html

步骤4：配置Nginx虚拟主机

• 配置文件路径：/etc/nginx/sites-available/
• 需要创建符号链接到sites-enabled/

# 创建配置文件
sudo vim /etc/nginx/sites-available/mysite
配置文件内容示例
server {
    listen 80;
    servername your-domain.com www.your-domain.com;
    root /var/www/mysite;
    index index.html index.htm;
    
    location / {
        tryfiles $uri $uri/ =404;
    }
}
启用网站配置
sudo ln -s /etc/nginx/sites-available/mysite /etc/nginx/sites-enabled/
测试配置语法
sudo nginx -t
重新加载配置
sudo systemctl reload nginx

步骤5：上传网站文件

• 可使用SCP、SFTP或FTP
• 推荐使用FileZilla或WinSCP

# 使用SCP上传文件（从本地到服务器）
scp -r /local/website/path/ username@your-server-ip:/var/www/mysite/
或者使用rsync同步
rsync -avz /local/website/path/ username@your-server-ip:/var/www/mysite/

# 检查防火墙状态
sudo ufw status
开放HTTP和HTTPS端口
sudo ufw allow 'Nginx Full'
或者单独开放端口
sudo ufw allow 80
sudo ufw allow 443

gzip on;
gziptypes text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;

location ~ \.(jpg|jpeg|png|gif|ico|css|js)$ {
    expires 1y;
    addheader Cache-Control "public, immutable";
}