云服务器搭建静态网站教程

教程详细介绍了如何使用云服务器搭建静态网站,涵盖选购云服务器(如阿里云、腾讯云)、配置Linux环境安装NginxApache)、上传HTML/CSS/js文件、配置域名解析HTTPS证书等关键步骤,强调零编程基础也可操作,注重安全性(关闭不必要的端口、设置防火墙)和性能优化(启用Gzip压缩、配置缓存),适合初学者快速上线个人博客、作品集或企业展示页。

用云服务器搭建静态网站超简明教程(附避坑指南

你是否想过,花一杯奶茶的钱就能拥有一个专属域名稳定访问、永久在线的个人网站?无需编程功底,不用买主机,一台轻量云服务器 + 几个命令,15分钟就能上线你的简历页、作品集或博客首页——本文就是为你量身定制的「静态网站云部署极简指南」。

为什么选静态网站?
它不依赖数据库、不运行PHP/Python后端,所有内容都是HTML/CSS/JS文件,加载快、成本低、安全性高,尤其适合前端展示、技术文档、开源项目主页等场景,而云服务器(如腾讯云轻量应用服务器、阿里云ECS共享型)提供独立IP、可控环境与长期运行能力,比GitHub Pages更自由(可绑定任意域名、启用HTTPS、自定义重定向),比传统虚拟主机更透明可控。

✅ 三步极简流程(全程Linux命令行,Windows用户可用WSL或远程终端):

选购与初始化云服务器
推荐新手选择「轻量应用服务器」(如腾讯云99元/年档位),自带Ubuntu 22.04系统,预装基础工具免配置防火墙和安全组,开通后获取公网IP、root密码(或密钥),用SSH连接(Mac/Linux终端输入 ssh root@你的IP;Windows推荐使用Termius或Windows Terminal)。

⚠️ 关键避坑:首次登录后立即执行 sudo apt update && sudo apt upgrade -y 升级系统,并设置非root用户(增强安全性):

adduser webuser  
usermod -aG sudo webuser  
su - webuser

部署Nginx并托管网站文件
静态网站需要Web服务器响应HTTP请求,Nginx轻量高效,安装仅需一行:

sudo apt install nginx -y
sudo systemctl enable nginx && sudo systemctl start nginx

此时在浏览器输入你的服务器IP,应看到“Welcome to nginx!”页面——说明服务已就绪。

接着创建网站根目录(建议统一管理):

sudo mkdir -p /var/www/mysite  
sudo chown -R $USER:$USER /var/www/mysite  
sudo chmod -R 755 /var/www/mysite

将本地制作好的静态文件(如index.html、css/、img/文件夹)上传至该目录,推荐使用scp命令(Mac/Linux):

scp -r ./my-website/* webuser@你的IP:/var/www/mysite/

(若用Windows,可用FileZilla选择SFTP协议上传)

配置站点与启用HTTPS(免费!)
修改Nginx配置,让服务器知道该服务哪个目录:

sudo nano /etc/nginx/sites-available/mysite  
# 粘贴以下内容(替换server_name为你的域名,暂无域名可先留空或写IP):
server {
    listen 80;
    server_name your-domain.com;
    root /var/www/mysite;
    index index.html;
    location / {
        try_files $uri $uri/ =404;
    }
}

启用配置并测试

sudo ln -sf /etc/nginx/sites-available/mysite /etc/nginx/sites-enabled/  
sudo nginx -t && sudo systemctl reload nginx

最后一步——免费HTTPS!用Certbot自动申请Let’s Encrypt证书(需已绑定域名):

sudo apt install certbot python3-certbot-nginx -y  
sudo certbot --nginx -d your-domain.com

按提示操作后,HTTPS自动生效,HTTP会强制跳转至HTTPS,安全又专业。

💡 进阶小贴士(非必需但强烈推荐):
域名绑定:在DNS服务商处添加A记录,指向你的服务器IP;
自动备份:用rsync定时脚本/var/www/mysite同步到本地或对象存储
• 更新便捷化:配合Git,在服务器上建裸仓库,git push后触发自动更新(后续可拓展);
• 日志监控:sudo tail -f /var/log/nginx/access.log 实时查看访问情况。


搭建静态网站不是运维工程师的专利,本文摒弃冗余概念,聚焦真实操作路径——从购买到HTTPS上线,每一步都有明确指令与常见错误提示,你不需要理解TCP三次握手,也不必背诵Nginx语法,只需复制粘贴+回车,就能掌控属于自己的网络空间,真正的技术自由,始于一次干净利落的部署。

(全文共1862字|原创撰写|实测于Ubuntu 22.04 + Nginx 1.18)