如何在VPS上托管静态页面？

如何在VPS上托管静态网页？

主要步骤概览

详细操作流程

步骤1：购买并配置VPS

• 推荐VPS提供商：DigitalOcean、Vultr、阿里云
• 连接工具：Windows系统使用Putty，macOS/Linux使用终端

# 连接VPS示例
ssh root@yourserverip
输入密码后进入服务器
更新系统软件包
apt update && apt upgrade -y

步骤2：安装Web服务器

• 主要软件：Nginx
• 辅助工具：systemctl（服务管理）

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

步骤3：准备静态文件

• 文件传输工具：FileZilla、WinSCP
• 目录权限管理：chmod、chown

# 创建网站目录
mkdir -p /var/www/yourdomain.com/html
设置目录权限
chown -R www-data:www-data /var/www/yourdomain.com
chmod -R 755 /var/www/yourdomain.com

步骤4：配置服务器

• 配置文件路径：/etc/nginx/sites-available/
• 启用配置：创建符号链接到sites-enabled目录

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

步骤5：上传网页文件

• 推荐工具：FileZilla（图形界面）、SCP命令（命令行）
• 文件位置：/var/www/yourdomain.com/html/

# 使用SCP上传文件示例
scp -r localfolder/ root@yourserverip:/var/www/yourdomain.com/html/
或者直接创建示例页面
echo "Welcome to My Site" > /var/www/yourdomain.com/html/index.html

# 在Nginx配置中添加
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;
    add_header Cache-Control "public, immutable";
}