零基础实战:从零到一,在云服务器上搭建个人静态网站并实现公网访问

张开发
2026/4/21 7:22:14 15 分钟阅读

分享文章

零基础实战:从零到一,在云服务器上搭建个人静态网站并实现公网访问
1. 为什么你需要一个云服务器第一次接触云服务器时我完全不明白为什么要把网站放在云上。直到自己尝试后才发现这就像租用了一台24小时不关机的电脑专门用来托管你的网站。相比传统物理服务器云服务器有三个明显优势第一是成本低。以阿里云为例最基础的共享型实例每月只需几十元学生认证后还能享受更低折扣。第二是弹性扩容当网站访问量突然增大时可以临时升级配置避免服务器崩溃。第三是维护简单不用操心硬件故障、机房断电这些烦心事。对于个人开发者来说云服务器特别适合托管静态网站。比如你的个人简历、作品集、毕业设计展示页或者是一个简单的产品Demo。这类网站不需要数据库支持访问量也不大用最低配置的云服务器就能完美运行。2. 购买和配置云服务器2.1 选择适合的云服务商国内主流的云服务商有阿里云、腾讯云和华为云。我建议新手选择阿里云因为它的控制台界面最友好文档也最完善。注册账号后在控制台找到云服务器ECS产品页面。这里有个省钱小技巧新用户通常有免费试用资格可以领取1个月的免费服务器。如果没有这个选项就选择立即购买配置时注意以下几点地域选择建议选离你所在地最近的区域比如我在北京就选华北2实例规格共享型xn4就够了1核1G配置完全够用镜像选择推荐CentOS 7.6这是最稳定的Linux发行版之一系统盘40GB高效云盘足够存放静态网站文件公网带宽按固定带宽选择1Mbps这样每月费用最低2.2 设置安全组规则安全组相当于服务器的防火墙需要手动开放端口才能让外界访问你的网站。在实例详情页找到安全组标签点击配置规则添加两条规则授权策略允许协议类型自定义TCP端口范围80/80HTTP协议默认端口授权对象0.0.0.0/0允许所有IP访问同样地再添加一条443端口的规则HTTPS协议。保存后你的服务器就允许外部通过浏览器访问了。3. 连接并配置服务器3.1 使用SSH远程登录Windows用户推荐使用PuTTYMac和Linux用户可以直接用终端。连接时需要三个信息公网IP在实例详情页可以找到用户名root密码购买时设置的密码在终端输入以下命令替换your_ip为你的公网IPssh rootyour_ip首次连接会提示确认指纹输入yes后粘贴密码即可登录。3.2 安装Web服务器软件我们需要安装Nginx来托管网站。在SSH中依次执行yum install -y nginx # 安装Nginx systemctl start nginx # 启动服务 systemctl enable nginx # 设置开机自启安装完成后在浏览器输入公网IP应该能看到Nginx的欢迎页面。这说明Web服务器已经正常运行了。4. 上传网站文件4.1 准备网站内容静态网站通常由HTML、CSS、JavaScript和图片文件组成。建议先在本地创建好这些文件并确保index.html是首页文件。你可以使用任何编辑器编写代码比如VS Code或Sublime Text。4.2 使用SFTP上传文件FileZilla是跨平台的SFTP工具。连接时需要填写主机你的公网IP用户名root密码服务器密码端口22默认SSH端口连接成功后左侧窗口是本地文件右侧是服务器文件系统。找到Nginx的默认网站目录通常在/usr/share/nginx/html把本地网站文件拖到右侧窗口即可。4.3 设置文件权限回到SSH终端执行以下命令确保Nginx能读取这些文件chown -R nginx:nginx /usr/share/nginx/html chmod -R 755 /usr/share/nginx/html现在刷新浏览器你的网站应该已经能正常访问了。如果遇到403错误很可能是文件权限设置有问题可以检查Nginx的错误日志定位问题tail -f /var/log/nginx/error.log5. 进阶配置与优化5.1 绑定自定义域名虽然可以通过IP访问但域名更专业易记。在域名注册商处购买域名后添加一条A记录指向你的服务器IP。然后在Nginx配置中添加server_nameserver { listen 80; server_name yourdomain.com; root /usr/share/nginx/html; index index.html; }修改后记得重启Nginxnginx -s reload5.2 启用HTTPS加密使用Lets Encrypt免费证书可以轻松实现HTTPS。安装certbot工具yum install -y certbot python2-certbot-nginx然后运行certbot --nginx -d yourdomain.com按照提示操作certbot会自动配置好SSL证书并设置自动续期。5.3 性能优化建议对于静态网站可以启用Nginx的gzip压缩和缓存gzip on; gzip_types text/plain text/css application/json application/javascript text/xml; location ~* \.(jpg|jpeg|png|gif|ico|css|js)$ { expires 365d; }6. 常见问题排查第一次搭建时我遇到过几个典型问题无法连接SSH检查安全组是否开放22端口确认密码是否正确网站显示404确认文件上传到了正确目录index.html是否存在样式加载失败检查CSS/JS文件路径是否正确权限是否足够访问速度慢可以升级带宽或者使用CDN加速静态资源如果遇到其他问题查看Nginx日志是最有效的排查方法。记住服务器管理的黄金法则任何修改都要小步进行修改前备份配置文件这样出问题时能快速回滚。

更多文章