TOP云国内云服务器2核4G 10M仅34元/月,购买链接:https://c.topyun.vip/cart?fid=11&gid=97 

16核16G 50M仅148元/月,购买链接:https://c.topyun.vip/cart?fid=11&gid=75

你是否有一个简单的个人主页、项目展示页或企业宣传页,想快速上线而无需复杂的数据库和动态程序?静态网站是你的最佳选择!它加载快、安全性高、维护简单,非常适合 HTML/CSS/JS 构建的前端项目。

本文将手把手教你如何在 云服务器 上使用 Nginx 部署一个静态网站,从环境安装到域名访问,全程实战操作,新手也能轻松掌握


第一步:准备一台云服务器

部署静态网站,你需要一台运行 Linux 系统的云服务器。

推荐配置(2025 高性价比之选):

  • ✅ 2核4G + 10M带宽:仅需 34元/月 → 适合个人作品集、企业官网、前端项目展示
  • ✅ 16核16G + 50M带宽:仅需 148元/月 → 适合高流量静态门户、CDN 源站

🚀 推荐使用 TOP云 自营云服务器:国内优质线路,BGP 多线接入,访问速度快,价格透明无套路!

👉 立即购买 TOP云 云服务器
https://c.topyun.vip/cart?fid=11&gid=75


第二步:远程连接服务器(SSH 登录)

  1. 使用 SSH 工具(如 Xshell、PuTTY 或终端)连接服务器:
    1.  root@你的服务器IP
  2. 输入密码后登录成功。
  3. 更新系统(推荐):
    1. yum update -y # CentOS/RedHat
    2. # 或
    3. apt update && apt upgrade -y # Ubuntu/Debian

第三步:安装 Nginx

Nginx 是高性能的 Web 服务器,特别适合托管静态资源。

CentOS / RedHat 系统安装命令:

  1. yum install -y nginx

Ubuntu / Debian 系统安装命令:

  1. apt install -y nginx

启动并设置开机自启:

  1. systemctl start nginx
  2. systemctl enable nginx

验证是否安装成功:
在浏览器中输入你的服务器 IP 地址:

  1. http://你的服务器IP

如果看到 “Welcome to nginx!” 页面,说明 Nginx 已成功运行!


第四步:上传静态网站文件

  1. 将你的静态网站文件(HTML、CSS、JS、图片等)打包上传到服务器。

推荐路径:

  1. /www/wwwroot/static-site
  1. 创建目录并上传文件:
    1. mkdir -p /www/wwwroot/static-site

    你可以通过以下方式上传:

    • 宝塔面板:图形化上传(推荐新手)
    • SCP 命令
      1. scp -r 本地文件夹 root@你的IP:/www/wwwroot/static-site
    • FTP 工具:如 FileZilla
  2. 设置文件权限:
    1. chmod -R 755 /www/wwwroot/static-site
    2. chown -R nginx:nginx /www/wwwroot/static-site # 或 www-data(Ubuntu)

第五步:配置 Nginx 虚拟主机

  1. 进入 Nginx 配置目录:
    1. cd /etc/nginx/conf.d
  2. 创建网站配置文件:
    1. vim static-site.conf
  3. 输入以下配置(根据你的路径和域名修改):
    1. server {
    2. listen 80;
    3. server_name www.yourdomain.com yourdomain.com;
    4. root /www/wwwroot/static-site;
    5. index index.html index.htm;
    6. location / {
    7. try_files $uri $uri/ =404;
    8. }
    9. # 静态资源缓存优化
    10. location ~* \.(jpg|jpeg|png|gif|ico|css|js)$ {
    11. expires 1y;
    12. add_header Cache-Control "public, immutable";
    13. }
    14. }
  4. 保存并退出(:wq)。
  5. 测试配置是否正确:
    1. nginx -t

    如果显示 syntax is ok,说明配置无误。

  6. 重启 Nginx 使配置生效:
    1. systemctl restart nginx

第六步:域名解析与 HTTPS 配置

  1. 域名解析
    登录你的域名服务商(如阿里云、腾讯云),添加 A 记录:

    • 主机记录:www
    • 记录类型:A
    • 记录值:你的服务器 IP
  2. 申请免费 SSL 证书(启用 HTTPS)
    推荐使用 Certbot + Let’s Encrypt

    安装 Certbot:

    1. yum install -y certbot python3-certbot-nginx

    申请证书(确保域名已解析):

    1. certbot --nginx -d yourdomain.com -d www.yourdomain.com

    按提示操作,Certbot 会自动修改 Nginx 配置并启用 HTTPS。

    ✅ 完成后,可通过 https://yourdomain.com 安全访问网站。


第七步:测试与访问

打开浏览器,输入:

  1. https://www.yourdomain.com

如果看到你的静态页面正常加载,恭喜你!你的静态网站已成功上线!


优化建议(提升性能与安全)

  • 启用 Gzip 压缩:在 Nginx 中添加 gzip on; 提升加载速度
  • 设置 404 页面:在网站根目录添加 404.html
  • 定期备份:使用 tar 命令备份网站文件
  • 监控日志:查看 /var/log/nginx/access.log 和 error.log

结语:简单高效,低成本上线静态网站

静态网站 + Nginx + 云服务器,是快速上线项目的黄金组合。无需数据库、无需复杂程序,34元/月即可拥有一个稳定、高速的在线门户。

💡 现在入手,轻松部署!

  • 2核4G:个人展示、作品集、简历页
  • 16核16G:企业官网、营销页、高并发静态服务

👉 立即购买 TOP云 云服务器,开启你的静态建站之旅
https://c.topyun.vip/cart?fid=11&gid=75

2025,让你的创意,用最简单的方式被世界看见!

阿, 信