活动公告

系统通知
通知：关于部分勋章领取条件及购买价格调整的通知
05-18 21:22
系统通知
通知：本站资源由网友上传分享，如有违规等问题请到版务模块进行投诉，资源失效请在帖子内回复要求补档，会尽快处理！
10-23 09:31
>社区 > 科技 > 经验交流 >帖子
本版发帖返回

详解CentOS Stream环境下静态网页部署全流程从配置到优化的完整指南

这是个蓝孩子 当前离线 威震华夏关云长
SunJu_FaceMall

3万

主题

2860

科技点

3万

积分

白金月票

碾压王

积分
32872

塔罗立华奏
<font color=白金月票" /> 发表于 2025-9-12 21:50:01 | 显示全部楼层 |阅读模式

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要 登录 才可以下载或查看，没有账号？立即注册

x
引言

CentOS Stream作为RHEL（Red Hat Enterprise Linux）的上游开发平台，为企业和开发者提供了一个稳定、可靠且前瞻性的操作系统环境。在CentOS Stream上部署静态网页是许多开发人员和系统管理员的常见需求，无论是个人博客、企业官网还是项目文档网站，静态网页都因其加载速度快、安全性高和维护成本低而备受青睐。

本文将详细介绍在CentOS Stream环境下部署静态网页的完整流程，从初始环境准备到最终的优化和维护，帮助读者全面掌握静态网页部署的各个环节。

1. 环境准备

1.1 系统安装与更新

首先，确保已正确安装CentOS Stream系统。如果尚未安装，可以从官方网站下载最新的ISO镜像文件进行安装。安装完成后，执行以下命令更新系统：
  2. sudo dnf update -y
复制代码

1.2 系统基本配置

设置合适的主机名：
  2. sudo hostnamectl set-hostname webserver.example.com
复制代码

CentOS Stream默认使用firewalld作为防火墙管理工具。配置防火墙允许HTTP和HTTPS流量：
  2. sudo firewall-cmd --permanent --add-service=http
  3. sudo firewall-cmd --permanent --add-service=https
  4. sudo firewall-cmd --reload
复制代码

SELinux（Security-Enhanced Linux）是CentOS Stream的安全增强功能。确保其处于启用状态：
  2. sudo sestatus
复制代码

如果显示为enabled，则表示SELinux已启用。在后续配置中，我们需要确保文件和目录的SELinux上下文正确设置。

为了安全起见，建议创建一个非root用户用于日常管理：
  2. sudo useradd -m -s /bin/bash webadmin
  3. sudo passwd webadmin
  4. sudo usermod -aG wheel webadmin
复制代码

2. Web服务器选择与安装

在CentOS Stream中，有多种Web服务器可供选择，其中最常用的是Nginx和Apache。下面分别介绍这两种Web服务器的安装方法。

2.1 Nginx安装与配置

使用DNF包管理器安装Nginx：
  2. sudo dnf install nginx -y
复制代码
  2. sudo systemctl start nginx
  3. sudo systemctl enable nginx
复制代码

验证Nginx是否正常运行：
  2. sudo systemctl status nginx
复制代码

或者，在浏览器中访问服务器的IP地址，应该能看到Nginx的默认欢迎页面。

2.2 Apache安装与配置

Apache在CentOS Stream中被称为httpd：
  2. sudo dnf install httpd -y
复制代码
  2. sudo systemctl start httpd
  3. sudo systemctl enable httpd
复制代码

验证Apache是否正常运行：
  2. sudo systemctl status httpd
复制代码

同样，在浏览器中访问服务器的IP地址，应该能看到Apache的默认测试页面。

2.3 选择合适的Web服务器

Nginx和Apache各有优势：

• Nginx：轻量级，高并发性能好，适合静态内容处理，资源占用少。
• Apache：功能丰富，模块众多，配置灵活，适合复杂需求。

对于静态网页部署，Nginx通常是更好的选择，因为它在处理静态文件方面性能更优。本文将以Nginx为主要示例进行讲解。

3. 静态网页文件准备

3.1 创建网站目录结构

在部署静态网页之前，需要创建合适的目录结构来存放网站文件。通常，我们会将网站文件放在/var/www目录下：
  2. sudo mkdir -p /var/www/example.com/html
  3. sudo mkdir -p /var/www/example.com/logs
复制代码

3.2 设置目录权限

设置适当的目录权限，确保Web服务器可以读取文件：
  2. sudo chown -R nginx:nginx /var/www/example.com/html
  3. sudo chmod -R 755 /var/www/example.com/html
复制代码

如果使用Apache，则用户和组应为apache：
  2. sudo chown -R apache:apache /var/www/example.com/html
复制代码

3.3 创建示例静态网页

创建一个简单的HTML页面作为测试：
  2. sudo nano /var/www/example.com/html/index.html
复制代码

添加以下内容：
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>Welcome to Example.com</title>
  8.     <style>
  9.         body {
  10.             font-family: Arial, sans-serif;
  11.             line-height: 1.6;
  12.             margin: 0;
  13.             padding: 20px;
  14.             color: #333;
  15.         }
  16.         .container {
  17.             max-width: 800px;
  18.             margin: 0 auto;
  19.             padding: 20px;
  20.             background-color: #f9f9f9;
  21.             border-radius: 5px;
  22.             box-shadow: 0 0 10px rgba(0,0,0,0.1);
  23.         }
  24.         h1 {
  25.             color: #2c3e50;
  26.         }
  27.     </style>
  28. </head>
  29. <body>
  30.     <div class="container">
  31.         <h1>Welcome to Example.com</h1>
  32.         <p>This is a sample static webpage hosted on CentOS Stream with Nginx.</p>
  33.         <p>If you see this page, your web server is successfully installed and working.</p>
  34.     </div>
  35. </body>
  36. </html>
复制代码

保存并退出编辑器。

3.4 设置SELinux上下文

确保SELinux上下文正确设置，允许Web服务器访问文件：
  2. sudo semanage fcontext -a -t httpd_sys_content_t "/var/www/example.com/html(/.*)?"
  3. sudo restorecon -Rv /var/www/example.com/html
复制代码

4. Nginx配置

4.1 创建Nginx服务器块配置

为网站创建Nginx服务器块配置文件：
  2. sudo nano /etc/nginx/conf.d/example.com.conf
复制代码

添加以下配置：
  2. server {
  3.     listen 80;
  4.     server_name example.com www.example.com;
  5.    
  6.     root /var/www/example.com/html;
  7.     index index.html index.htm;
  8.    
  9.     access_log /var/www/example.com/logs/access.log;
  10.     error_log /var/www/example.com/logs/error.log;
  11.    
  12.     location / {
  13.         try_files $uri $uri/ =404;
  14.     }
  15.    
  16.     # Security headers
  17.     add_header X-Frame-Options "SAMEORIGIN" always;
  18.     add_header X-Content-Type-Options "nosniff" always;
  19.     add_header X-XSS-Protection "1; mode=block" always;
  20.     add_header Referrer-Policy "strict-origin-when-cross-origin" always;
  21.    
  22.     # Cache static files
  23.     location ~* \.(jpg|jpeg|png|gif|ico|css|js|pdf|txt)$ {
  24.         expires 7d;
  25.         add_header Cache-Control "public, no-transform";
  26.     }
  27.    
  28.     # Custom error pages
  29.     error_page 404 /404.html;
  30.     error_page 500 502 503 504 /50x.html;
  31.     location = /50x.html {
  32.         root /usr/share/nginx/html;
  33.     }
  34. }
复制代码

保存并退出编辑器。

4.2 测试Nginx配置

在应用新配置之前，先测试Nginx配置文件是否有语法错误：
  2. sudo nginx -t
复制代码

如果显示syntax is ok和test is successful，则表示配置文件没有语法错误。

4.3 重新加载Nginx配置

重新加载Nginx配置以应用更改：
  2. sudo systemctl reload nginx
复制代码

5. 域名与SSL配置

5.1 域名解析设置

确保已注册域名并正确设置DNS解析，将域名的A记录指向服务器的IP地址。这通常在域名注册商的控制面板中完成。

5.2 安装Let’s Encrypt客户端

使用Let’s Encrypt获取免费的SSL证书。首先安装Certbot客户端：
  2. sudo dnf install certbot python3-certbot-nginx -y
复制代码

5.3 获取SSL证书

运行Certbot获取SSL证书：
  2. sudo certbot --nginx -d example.com -d www.example.com
复制代码

按照提示完成证书申请过程。Certbot会自动修改Nginx配置文件以启用HTTPS。

5.4 验证SSL证书

验证SSL证书是否正确安装：
  2. sudo certbot certificates
复制代码

或者，在浏览器中访问https://example.com，检查是否显示安全连接标志。

5.5 设置自动续期

Let’s Encrypt证书有效期为90天，设置自动续期：
  2. sudo systemctl enable --now certbot-renew.timer
复制代码

检查定时器状态：
  2. sudo systemctl status certbot-renew.timer
复制代码

6. 部署测试

6.1 本地测试

在服务器上使用curl命令测试网站是否正常响应：
  2. curl -I http://example.com
  3. curl -I https://example.com
复制代码

6.2 远程测试

从远程计算机或使用在线工具测试网站的可访问性和性能：

• 使用浏览器访问网站
• 使用在线工具如GTmetrix或Google PageSpeed Insights测试性能
• 使用SSL Labs的SSL Test测试SSL配置

6.3 检查日志文件

检查Nginx访问日志和错误日志，确保没有异常：
  2. sudo tail -f /var/www/example.com/logs/access.log
  3. sudo tail -f /var/www/example.com/logs/error.log
复制代码

7. 性能优化

7.1 启用Gzip压缩

编辑Nginx主配置文件：
  2. sudo nano /etc/nginx/nginx.conf
复制代码

在http块中添加或修改以下配置：
  2. gzip on;
  3. gzip_vary on;
  4. gzip_min_length 1024;
  5. gzip_proxied any;
  6. gzip_comp_level 6;
  7. gzip_types
  8.     text/plain
  9.     text/css
  10.     text/xml
  11.     text/javascript
  12.     application/json
  13.     application/javascript
  14.     application/xml+rss
  15.     application/atom+xml
  16.     image/svg+xml;
复制代码

保存并退出，然后重新加载Nginx配置：
  2. sudo systemctl reload nginx
复制代码

7.2 启用浏览器缓存

在服务器块配置中，我们已经为静态文件添加了缓存控制。可以根据需要调整缓存时间：
  2. location ~* \.(jpg|jpeg|png|gif|ico|css|js|pdf|txt)$ {
  3.     expires 30d;
  4.     add_header Cache-Control "public, no-transform";
  5. }
复制代码

7.3 优化Nginx工作进程

编辑Nginx主配置文件：
  2. sudo nano /etc/nginx/nginx.conf
复制代码

根据服务器CPU核心数调整工作进程数：
  2. worker_processes auto;
  3. worker_cpu_affinity auto;
复制代码

调整每个工作进程的最大连接数：
  2. events {
  3.     worker_connections 1024;
  4.     multi_accept on;
  5. }
复制代码

保存并退出，然后重新加载Nginx配置：
  2. sudo systemctl reload nginx
复制代码

7.4 启用HTTP/2

HTTP/2可以显著提高网站加载速度。在服务器块配置中修改监听指令：
  2. listen 443 ssl http2;
复制代码

保存并退出，然后重新加载Nginx配置：
  2. sudo systemctl reload nginx
复制代码

7.5 使用CDN加速

考虑使用内容分发网络（CDN）来加速全球访问。常见的CDN提供商包括Cloudflare、Akamai和Fastly等。

以Cloudflare为例，只需将域名服务器更改为Cloudflare提供的NS记录，然后在Cloudflare控制面板中配置网站即可。

8. 安全加固

8.1 隐藏Nginx版本信息

编辑Nginx主配置文件：
  2. sudo nano /etc/nginx/nginx.conf
复制代码

在http块中添加：
  2. server_tokens off;
复制代码

保存并退出，然后重新加载Nginx配置：
  2. sudo systemctl reload nginx
复制代码

8.2 配置安全响应头

在服务器块配置中，我们已经添加了一些基本的安全响应头。可以根据需要添加更多：
  2. add_header Content-Security-Policy "default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; img-src 'self' data:; style-src 'self' 'unsafe-inline';" always;
  3. add_header Strict-Transport-Security "max-age=31536000; includeSubDomains" always;
  4. add_header Feature-Policy "geolocation 'self'; microphone 'none'; payment 'none'" always;
复制代码

8.3 限制HTTP请求方法

在服务器块配置中添加：
  2. if ($request_method !~ ^(GET|HEAD|POST)$ ) {
  3.     return 405;
  4. }
复制代码

8.4 防止图片盗链

在服务器块配置中添加：
  2. location ~* \.(jpg|jpeg|png|gif|ico)$ {
  3.     valid_referers none blocked example.com www.example.com;
  4.     if ($invalid_referer) {
  5.         return 403;
  6.     }
  7. }
复制代码

8.5 配置Fail2Ban防止暴力破解

安装Fail2Ban：
  2. sudo dnf install fail2ban -y
复制代码

创建Nginx的Fail2Ban过滤器：
  2. sudo nano /etc/fail2ban/filter.d/nginx-http-auth.conf
复制代码

添加以下内容：
  2. [Definition]
  3. failregex = ^ \[error\] \d+#\d+: \*\d+ user "\S+":? (password mismatch|was not found in ".*"), client: \S+, server: \S+, request: "\S+ \S+ HTTP/\d+\.\d+", host: "\S+"(?:, referrer: "\S+")?\s*$
  4.             ^ \[error\] \d+#\d+: \*\d+ no user/password was provided for basic authentication, client: \S+, server: \S+, request: "\S+ \S+ HTTP/\d+\.\d+", host: "\S+"\s*$
  5. ignoreregex =
复制代码

创建Nginx的Fail2Ban jail：
  2. sudo nano /etc/fail2ban/jail.d/nginx.conf
复制代码

添加以下内容：
  2. [nginx-http-auth]
  3. enabled = true
  4. filter = nginx-http-auth
  5. port = http,https
  6. logpath = /var/log/nginx/error.log
  7. maxretry = 3
  8. findtime = 600
  9. bantime = 3600
复制代码

启动并启用Fail2Ban：
  2. sudo systemctl start fail2ban
  3. sudo systemctl enable fail2ban
复制代码

9. 监控与维护

9.1 安装监控工具

Netdata是一个实时性能和健康监控工具：
  2. sudo dnf install epel-release -y
  3. sudo dnf install netdata -y
  4. sudo systemctl start netdata
  5. sudo systemctl enable netdata
复制代码

访问http://your_server_ip:19999查看Netdata仪表板。

Nginx Amplify是一个免费的监控工具，专门用于监控Nginx性能：
  2. sudo wget https://github.com/nginxinc/nginx-amplify-agent/raw/master/packages/install.sh
  3. sudo API_KEY='YOUR_API_KEY' sh ./install.sh
复制代码

将YOUR_API_KEY替换为在Nginx Amplify网站上注册后获取的实际API密钥。

9.2 设置日志轮转

配置日志轮转以防止日志文件过大：
  2. sudo nano /etc/logrotate.d/nginx
复制代码

添加以下内容：
  2. /var/www/*/logs/*.log {
  3.     daily
  4.     missingok
  5.     rotate 52
  6.     compress
  7.     delaycompress
  8.     notifempty
  9.     create 0640 nginx nginx
  10.     postrotate
  11.         if [ -f /var/run/nginx.pid ]; then
  12.             kill -USR1 `cat /var/run/nginx.pid`
  13.         fi
  14.     endscript
  15. }
复制代码

9.3 设置自动备份

创建备份脚本：
  2. sudo nano /usr/local/bin/backup_website.sh
复制代码

添加以下内容：
  2. #!/bin/bash
  4. # Variables
  5. BACKUP_DIR="/backup"
  6. WEBSITE_DIR="/var/www/example.com"
  7. NGINX_CONF_DIR="/etc/nginx/conf.d"
  8. DATE=$(date +%Y%m%d%H%M%S)
  10. # Create backup directory if it doesn't exist
  11. mkdir -p $BACKUP_DIR
  13. # Backup website files
  14. tar -czf $BACKUP_DIR/website_files_$DATE.tar.gz -C $WEBSITE_DIR .
  16. # Backup Nginx configuration
  17. tar -czf $BACKUP_DIR/nginx_config_$DATE.tar.gz -C $NGINX_CONF_DIR .
  19. # Keep only last 7 days of backups
  20. find $BACKUP_DIR -type f -name "*.tar.gz" -mtime +7 -delete
  22. echo "Backup completed: $DATE"
复制代码

使脚本可执行：
  2. sudo chmod +x /usr/local/bin/backup_website.sh
复制代码

设置定时任务，每天凌晨2点执行备份：
  2. sudo crontab -e
复制代码

添加以下行：
  2. 0 2 * * * /usr/local/bin/backup_website.sh
复制代码

10. 故障排除

10.1 常见Nginx问题及解决方案

如果访问网站时出现403 Forbidden错误，可能是由于文件权限或SELinux设置不正确。

检查文件权限：
  2. ls -la /var/www/example.com/html/
复制代码

确保Web服务器用户（nginx或apache）有读取权限：
  2. sudo chown -R nginx:nginx /var/www/example.com/html
  3. sudo chmod -R 755 /var/www/example.com/html
复制代码

检查SELinux上下文：
  2. ls -dZ /var/www/example.com/html/
复制代码

如果上下文不正确，重新设置：
  2. sudo semanage fcontext -a -t httpd_sys_content_t "/var/www/example.com/html(/.*)?"
  3. sudo restorecon -Rv /var/www/example.com/html
复制代码

502 Bad Gateway错误通常表示Nginx无法与后端服务器通信。对于静态网站，这可能是由于配置错误或资源不足导致的。

检查Nginx错误日志：
  2. sudo tail -f /var/www/example.com/logs/error.log
复制代码

检查系统资源使用情况：
  2. htop
  3. df -h
复制代码

如果资源不足，考虑优化配置或升级服务器硬件。

如果网站加载缓慢，可以采取以下措施进行诊断和优化：

1. 使用WebPageTest或GTmetrix等工具分析网站性能
2. 启用Gzip压缩和浏览器缓存
3. 优化图片大小和格式
4. 考虑使用CDN加速
5. 检查服务器资源使用情况

10.2 SSL证书问题

如果Let’s Encrypt证书自动续期失败，可以尝试手动续期：
  2. sudo certbot renew --dry-run
复制代码

如果测试成功，执行实际续期：
  2. sudo certbot renew
复制代码

检查续期日志以获取更多信息：
  2. sudo tail -f /var/log/letsencrypt/letsencrypt.log
复制代码

如果网站使用HTTPS但仍加载HTTP资源，浏览器会显示混合内容警告。使用浏览器开发者工具查找并修复所有HTTP资源引用。

在Nginx配置中添加Content-Security-Policy头可以帮助防止混合内容：
  2. add_header Content-Security-Policy "upgrade-insecure-requests" always;
复制代码

11. 总结

本文详细介绍了在CentOS Stream环境下部署静态网页的完整流程，从环境准备到性能优化和安全加固。通过遵循本文的指导，读者可以建立一个高性能、安全可靠的静态网站。

主要步骤包括：

1. 系统环境准备和基本配置
2. Web服务器（Nginx或Apache）的安装和配置
3. 静态网页文件的准备和组织
4. 域名解析和SSL证书配置
5. 性能优化措施，如Gzip压缩、浏览器缓存和HTTP/2
6. 安全加固措施，如隐藏版本信息、配置安全响应头和防止暴力破解
7. 监控和维护策略，确保网站长期稳定运行

静态网站部署虽然相对简单，但要做到高性能和高安全性仍需仔细规划和配置。希望本文能为读者提供全面的指导，帮助他们在CentOS Stream环境下成功部署和管理静态网站。

随着技术的发展，静态网站生成器（如Hugo、Jekyll、Hexo等）和现代前端框架（如React、Vue、Angular等）的静态导出功能使得静态网站的开发和部署变得更加便捷。结合本文介绍的服务器配置和优化方法，读者可以构建出功能丰富、性能卓越的静态网站。
系统管理员, 管理工具
「七転び八起き（ななころびやおき）」
回复

使用道具 举报

返回列表 发新帖
您需要登录后才可以回帖 登录 | 立即注册
高级模式
B Color Image Link Quote Code Smilies

本版积分规则