3.3 实战：搭建个人网站

预计阅读时间：13 分钟

学习目标

学完本章后，你将能够：

• 完成从购买云服务器到网站上线的完整流程
• 配置 SSH 密钥登录和系统安全加固
• 使用 Nginx 部署静态网站并配置域名和 HTTPS
• 用 Docker Compose 编排全栈网站环境
• 建立网站监控与备份体系

核心知识

• 云服务器（VPS）——在云平台上创建的虚拟服务器，可从本地通过 SSH 远程连接
• SSH 密钥对——公钥（放服务器）和私钥（本地保存）组成的认证方式，比密码更安全
• UFW（Uncomplicated Firewall）——iptables 的前端工具，简化防火墙规则配置
• Let's Encrypt——免费、自动化的 CA（证书颁发机构），通过 certbot 工具自动申请和续期 TLS 证书
• fail2ban——日志分析工具，检测暴力破解尝试并自动封禁 IP
• Docker Compose——通过 YAML 声明式定义多容器服务栈
• CDN（内容分发网络）——将静态资源缓存到全球边缘节点，降低访问延迟
• 反向代理——Nginx 接收外部请求并将其转发到内部服务

知识关联

• 前置知识：2.11：SSH 深入 SSH 深入、3.4：Nginx Web服务器 Nginx Web 服务器、3.1：Docker 容器入门 Docker 容器入门
• 后续影响：本章是 4.9：CI/CD 持续部署 CI/CD 持续部署、4.13：服务器初始化规范 服务器初始化规范和 4.14：运维故障案例集 运维故障案例集的基础
• 配套技术：GitHub Actions（CI/CD）、Cloudflare（CDN + DNS）、Prometheus（监控）

原理讲解

搭建个人网站的核心流程可以概括为一句话：买服务器 → 装软件 → 放代码 → 绑域名 → 加 HTTPS → 监控维护。每一步都有成熟的命令行工具支撑。本章不是让你理解一个复杂系统，而是通过完成一个"真网站"来串联之前学过的所有 Linux 技能——从 SSH 连接、包管理、Nginx 配置到 Docker 化部署和监控。记住：你不是在"学命令"，你是在"搭网站"——每个命令都有一个看得见的结果。

示例代码

准备工作

一台云服务器（Ubuntu 24.04 LTS）、一个域名（可选）。最低配置即可，约 50-100 元/月。

首次连接

ssh root@your_server_ip
adduser alice
usermod -aG sudo alice
ssh-keygen -t ed25519  # 输出: Generating public/private ed25519 key pair.
ssh-copy-id alice@your_server_ip  # 输出: Number of key(s) added: 1

基础环境

sudo apt update && sudo apt upgrade -y  # 输出: Reading package lists... Done
sudo timedatectl set-timezone Asia/Shanghai
sudo hostnamectl set-hostname myblog
sudo apt install -y vim git curl wget htop nginx  # 输出: Setting up nginx (1.24.0) ...

防火墙

sudo ufw allow 22/tcp
sudo ufw allow 80/tcp
sudo ufw allow 443/tcp
sudo ufw enable  # 输出: Firewall is active and enabled on system startup

配置 Nginx

sudo mkdir -p /var/www/myblog
sudo chown -R $USER:$USER /var/www/myblog

# Nginx 配置 /etc/nginx/sites-available/myblog:
# server {
#     listen 80;
#     server_name _;
#     root /var/www/myblog;
#     index index.html;
#     location / { try_files $uri $uri/ =404; }
# }

sudo ln -s /etc/nginx/sites-available/myblog /etc/nginx/sites-enabled/
sudo rm /etc/nginx/sites-enabled/default
sudo nginx -t && sudo systemctl restart nginx  # 输出: nginx: the configuration file syntax is ok

域名与 HTTPS

# DNS 添加 A 记录指向服务器 IP
# 修改 Nginx 配置中的 server_name

# Let's Encrypt 免费证书
sudo apt install -y certbot python3-certbot-nginx
sudo certbot --nginx -d yourdomain.com -d www.yourdomain.com  # 输出: Congratulations! You have successfully enabled HTTPS
sudo certbot renew --dry-run  # 输出: Congratulations, all renewals succeeded

安全加固

# /etc/ssh/sshd_config:
# PermitRootLogin no
# PasswordAuthentication no
sudo systemctl reload sshd

sudo apt install -y fail2ban
sudo systemctl enable fail2ban  # 输出: Created symlink /etc/systemd/system/multi-user.target.wants/fail2ban.service → ...
sudo apt install -y unattended-upgrades

部署清单

1. 购买云服务器
2. 创建用户，配置 SSH 密钥
3. 更新系统，安装工具
4. 配置 UFW 防火墙
5. 安装配置 Nginx
6. 上传网站文件
7. 绑定域名 + HTTPS
8. 安全加固

Docker 化部署

用 Docker 部署让环境完全可重复，不再有"在我机器上能跑"的问题。

# Dockerfile — 基于 Nginx 的静态站
FROM nginx:alpine AS build
COPY ./dist /usr/share/nginx/html
COPY nginx.conf /etc/nginx/conf.d/default.conf
EXPOSE 80

# Dockerfile — 动态站（Node.js 示例）
FROM node:20-alpine AS build
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
RUN npm run build

FROM nginx:alpine
COPY --from=build /app/dist /usr/share/nginx/html
COPY nginx.conf /etc/nginx/conf.d/default.conf
HEALTHCHECK --interval=30s --timeout=3s --retries=3 \
  CMD wget -qO- http://localhost/health || exit 1

# docker-compose.yml — 全栈网站环境（新版 Docker Compose V2 已废弃 version 字段）
services:
  web:
    build: .
    ports:
      - "80:80"
      - "443:443"
    volumes:
      - ./nginx.conf:/etc/nginx/conf.d/default.conf:ro
      - ./ssl:/etc/nginx/ssl:ro
      - ./html:/usr/share/nginx/html:ro
    restart: unless-stopped
    depends_on:
      - api

  api:
    image: node:20-alpine
    command: node server.js
    working_dir: /app
    volumes:
      - ./api:/app
    environment:
      - DB_HOST=db
      - DB_USER=app
      - DB_PASSWORD=${DB_PASSWORD}
    restart: unless-stopped
    depends_on:
      db:
        condition: service_healthy

  db:
    image: mariadb:11
    volumes:
      - db_data:/var/lib/mysql
    environment:
      - MYSQL_ROOT_PASSWORD=${MYSQL_ROOT_PASSWORD}
      - MYSQL_DATABASE=myblog
      - MYSQL_USER=app
      - MYSQL_PASSWORD=${DB_PASSWORD}
    healthcheck:
      test: ["CMD", "healthcheck.sh", "--connect"]
      interval: 10s
      timeout: 5s
      retries: 5
    restart: unless-stopped

volumes:
  db_data:

# 一键部署（Docker Compose V2 命令为 docker compose，旧版 V1 用 docker-compose）
docker compose up -d  # 输出: Container myblog-web-1  Started
docker compose logs -f
docker compose ps  # 输出: NAME                IMAGE               COMMAND                  SERVICE

# 更新
git pull
docker compose build web
docker compose up -d web

选择 CMS 系统

需要博客/内容管理功能时，选择现成的 CMS 比自建更高效。

# WordPress 一键部署（docker-compose 片段）
services:
  wordpress:
    image: wordpress:6-php8.2-fpm-alpine
    volumes:
      - wp_data:/var/www/html
      - ./uploads.ini:/usr/local/etc/php/conf.d/uploads.ini
    environment:
      WORDPRESS_DB_HOST: db
      WORDPRESS_DB_USER: wordpress
      WORDPRESS_DB_PASSWORD: ${WP_DB_PASSWORD}
      WORDPRESS_DB_NAME: wordpress
      WORDPRESS_TABLE_PREFIX: wp_
    restart: unless-stopped
    depends_on:
      db:
        condition: service_healthy

  # Nginx 反向代理给 WordPress
  nginx:
    image: nginx:alpine
    volumes:
      - ./nginx-wp.conf:/etc/nginx/conf.d/default.conf:ro
      - wp_data:/var/www/html:ro
    ports:
      - "80:80"
      - "443:443"
    restart: unless-stopped
    depends_on:
      - wordpress

CDN 加速

CDN 将静态资源缓存到离用户最近的节点，显著降低服务器负载和用户访问延迟。

# 阿里云 CDN 配置要点
# 1. 添加加速域名 → 选择"图片小文件"或"全站加速"
# 2. 源站设置 → 填写你的服务器 IP 或域名
# 3. 缓存配置：
#    - 静态文件（.css/.js/.jpg/.png/.woff2）→ 缓存 30 天
#    - HTML → 缓存 10 分钟或不缓存
#    - API → 不缓存
# 4. HTTPS 配置 → 上传证书或开启免费证书
# 5. CNAME → 将域名 CNAME 到 CDN 分配的域名

# Nginx 配置配合 CDN
location ~* \.(jpg|jpeg|png|gif|ico|css|js|woff2)$ {
    expires 30d;
    add_header Cache-Control "public, immutable";
    add_header X-Cache-Status $upstream_cache_status;
    access_log off;
}

location / {
    # 防止 CDN 缓存 HTML 页面
    add_header Cache-Control "no-cache, no-store, must-revalidate";
}

# 获取真实 IP（当 CDN 在 Nginx 之前）
set_real_ip_from 103.xxx.xxx.0/24;  # CDN 回源 IP 列表
real_ip_header X-Forwarded-For;
real_ip_recursive on;

网站性能优化

# Nginx 优化配置
server {
    listen 443 ssl http2;
    server_name yourdomain.com;

    # Gzip
    gzip on;
    gzip_types text/plain text/css application/json application/javascript
               image/svg+xml application/xml text/xml;
    gzip_min_length 256;
    gzip_comp_level 6;
    gzip_vary on;

    # 静态文件缓存
    location ~* \.(css|js|jpg|jpeg|png|gif|ico|woff2)$ {
        expires 30d;
        add_header Cache-Control "public, immutable";
        add_header Last-Modified $sent_http_Last_Modified;
        etag on;
    }

    # 安全头部
    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;
}

监控与备份

#!/bin/bash
# /usr/local/bin/site-monitor.sh — 网站监控脚本
set -euo pipefail

SITE_URL="https://yourdomain.com"
SLACK_WEBHOOK="https://hooks.slack.com/services/xxx/yyy/zzz"
BACKUP_DIR="/var/backups/site"
DATE=$(date +%Y%m%d-%H%M%S)

# 1. 检查 HTTP 状态码
HTTP_CODE=$(curl -s -o /dev/null -w "%{http_code}" $SITE_URL)
if [ "$HTTP_CODE" != "200" ]; then
    curl -X POST -H "Content-type: application/json" \
        -d "{\"text\":\"🚨 $SITE_URL 返回 $HTTP_CODE\"}" \
        $SLACK_WEBHOOK
fi

# 2. SSL 证书过期检查
EXPIRY=$(echo | openssl s_client -servername yourdomain.com \
    -connect yourdomain.com:443 2>/dev/null | \
    openssl x509 -noout -enddate | cut -d= -f2)
EXPIRY_EPOCH=$(date -d "$EXPIRY" +%s)
NOW_EPOCH=$(date +%s)
DAYS_LEFT=$(( (EXPIRY_EPOCH - NOW_EPOCH) / 86400 ))
if [ $DAYS_LEFT -lt 7 ]; then
    echo "⚠️ 证书将在 $DAYS_LEFT 天后过期"
fi

# 3. 全量备份
mkdir -p $BACKUP_DIR/$DATE
tar czf $BACKUP_DIR/$DATE/site-files.tar.gz /var/www/
mysqldump -u root -p$MYSQL_PASSWORD myblog > $BACKUP_DIR/$DATE/db.sql
# 保留最近 7 天，删除更早的
find $BACKUP_DIR -maxdepth 1 -type d -mtime +7 -exec rm -rf {} \;

# 4. 磁盘与内存检查
DISK_USAGE=$(df / | tail -1 | awk '{print $5}' | sed 's/%//')
if [ $DISK_USAGE -gt 85 ]; then
    echo "⚠️ 磁盘使用率 $DISK_USAGE%"
fi

# 设置定时任务
sudo cp site-monitor.sh /usr/local/bin/
sudo chmod +x /usr/local/bin/site-monitor.sh

# cron 每 5 分钟监控 + 每天 3AM 备份
cat <