🌐 静态网站部署

Nginx、SSL、自动化部署流程

技术栈

  • Nginx - Web 服务器和反向代理
  • Let's Encrypt - 免费 SSL 证书
  • 纯静态 HTML/CSS/JS - 无需构建工具

部署步骤

1. 准备网站文件

/var/www/your-site/
├── index.html
├── css/
│   └── style.css
├── js/
│   └── main.js
└── ...

2. 配置 Nginx

server {
    listen 80;
    server_name your.domain.com;
    return 301 https://$server_name$request_uri;
}

server {
    listen 443 ssl http2;
    server_name your.domain.com;
    
    ssl_certificate /etc/letsencrypt/live/your.domain.com/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/your.domain.com/privkey.pem;
    
    root /var/www/your-site;
    index index.html;
}

3. 申请 SSL 证书

certbot --nginx -d your.domain.com

4. 设置权限

chown -R www-data:www-data /var/www/your-site
chmod -R 755 /var/www/your-site
⚠️ 注意

网站文件必须放在 www-data 用户可读取的位置(如 /var/www/),不要放在 /root/ 目录。

← 每日早报系统 常见问题排查 →