在 Linux 服务器上部署静态企业官网,推荐使用 Nginx(轻量、高性能)或 Apache。以下是基于 Nginx 的完整部署流程(适用于 Ubuntu/Debian/CentOS 等主流发行版):
✅ 一、准备工作
-
准备静态文件
- 官网源码(HTML/CSS/JS/图片等),通常位于
index.html入口。 - 建议打包为
.tar.gz或直接上传到服务器指定目录。
- 官网源码(HTML/CSS/JS/图片等),通常位于
-
服务器要求
- 已安装 Linux 系统(如 Ubuntu 22.04 / CentOS 7+)
- 拥有 root 或 sudo 权限
- 开放必要端口(默认 80/443)
🚀 二、安装 Nginx
▶ Ubuntu/Debian
sudo apt update
sudo apt install nginx -y
sudo systemctl enable nginx
sudo systemctl start nginx
▶ CentOS/RHEL
sudo yum install epel-release -y
sudo yum install nginx -y
sudo systemctl enable nginx
sudo systemctl start nginx
✅ 验证安装:访问
http://<服务器IP>,应看到 Nginx 默认欢迎页。
📁 三、部署网站文件
-
创建网站根目录(推荐
/var/www/html或自定义路径)sudo mkdir -p /var/www/mycompany-site sudo chown -R $USER:$USER /var/www/mycompany-site -
上传源码(方式任选其一):
- 使用
scp从本地传输:scp -r ./dist/* user@your-server:/var/www/mycompany-site/ - 或使用
rsync、SFTP 工具(如 FileZilla)。
- 使用
-
设置权限(确保 web 用户可读):
sudo chown -R www-data:www-data /var/www/mycompany-site # Ubuntu # 或 sudo chown -R apache:apache /var/www/mycompany-site # CentOS (若用 httpd) sudo chmod -R 755 /var/www/mycompany-site
⚙️ 四、配置 Nginx 站点
-
创建站点配置文件
sudo nano /etc/nginx/sites-available/mycompany-site -
填入以下内容(按需调整):
server { listen 80; server_name yourdomain.com www.yourdomain.com; # 替换为你的域名 root /var/www/mycompany-site; index index.html index.htm; # 静态资源缓存优化 location ~* .(jpg|jpeg|png|gif|ico|css|js)$ { expires 30d; add_header Cache-Control "public, immutable"; } # SPA 路由支持(如 Vue/React 单页应用) location / { try_files $uri $uri/ /index.html; } # 安全头(可选但推荐) add_header X-Frame-Options "SAMEORIGIN" always; add_header X-Content-Type-Options "nosniff" always; add_header Referrer-Policy "strict-origin-when-cross-origin" always; } -
启用站点并测试配置
# 创建软链接(Ubuntu/Debian) sudo ln -s /etc/nginx/sites-available/mycompany-site /etc/nginx/sites-enabled/ # 删除默认站点对比避免冲突 sudo rm /etc/nginx/sites-enabled/default # 检查语法 sudo nginx -t # 重载配置 sudo systemctl reload nginx
🔒 五、(强烈推荐)启用 HTTPS(Let’s Encrypt)
# 安装 certbot
sudo apt install certbot python3-certbot-nginx -y # Debian/Ubuntu
# 或
sudo yum install certbot python3-certbot-nginx -y # CentOS
# 自动获取证书并配置
sudo certbot --nginx -d yourdomain.com -d www.yourdomain.com
✅ Certbot 会自动修改 Nginx 配置,添加 SSL 并重定向 HTTP → HTTPS。
🧪 六、验证部署
-
浏览器访问:
http://yourdomain.comhttps://yourdomain.com(若已配 SSL)
-
检查关键点:
- 页面正常加载?
- 图片/CSS/JS 无 404?
- 移动端适配?
- SEO 基础标签(title, meta description)是否存在?
🛡️ 七、运维建议
| 项目 | 建议 |
|---|---|
| 备份 | 定期备份 /var/www/mycompany-site + Nginx 配置 |
| 监控 | 用 nginx -T 查日志;配合 fail2ban 防暴力破解 |
| CDN | 接入 Cloudflare/Aliyun CDN 提速静态资源 |
| CI/CD | 结合 GitHub Actions 实现自动构建→部署 |
需要我提供:
- Docker 化部署方案?
- 多语言版本(i18n)静态站结构示例?
- 自动化脚本(一键部署.sh)?
欢迎告诉我你的具体需求,我可进一步定制方案!
CLOUD云枢