个人简历作品集部署到 ECS + Nginx,稳定又省心
一、背景:静态作品集为什么值得自己部署一套
做开发的人大多有个个人作品集:简历页、项目截图、博客链接,放在一个固定域名下,找工作或互相交换时直接甩链接。GitHub Pages、各类托管平台能解决"有地方放",但如果你想完全掌控、域名自定义、还能顺手学一下服务器运维,自己用一台 ECS + Nginx 跑一套静态站点是最朴素也最靠谱的方案。
静态站点没有后端、没有数据库,部署难度低,但恰恰是练手 Nginx、HTTPS、域名解析的好素材。本文讲怎么把一套纯 HTML/CSS/JS 的简历作品集,丢到 ECS 上用 Nginx 对外提供服务,从买机器到能访问走通一遍。具体云资源开通以官网文档和你的账号为准,这里只讲部署这条线。
二、整体结构:一台机器就够了
最小可用结构非常简单:
- 一台 ECS(随便一个入门规格就够静态站);
- 上面装 Nginx;
- 站点文件放在
/var/www/resume/; - Nginx 把 80 端口的请求指到这个目录;
- 域名 A 记录解析到 ECS 公网 IP;
- 证书服务申请 HTTPS 证书,Nginx 配 443 跳转。
就这么几样。本文聚焦"文件怎么放、Nginx 怎么配",域名和证书按需补,缺了也能先用 IP 访问。
三、把站点文件传上去
本地打好包后,用 scp 传进服务器:
scp -r ./resume root@<ECS公网IP>:/var/www/resume
如果是 Windows 本地,可以用任意支持 SCP 的客户端。传完登录服务器建目录并确认权限:
mkdir -p /var/www/resume
# 确保 Nginx 运行用户(通常是 www-data 或 nginx)能读
chmod -R 755 /var/www/resume
权限这块常被忽略:文件传上去属主是 root,Nginx 进程用低权限用户跑,读不到就会 403。所以要么 chmod 755,要么把目录属主改成 Nginx 用户。chmod 755 对纯静态公开内容足够且安全。
四、Nginx 配置一个静态站点
在 /etc/nginx/conf.d/ 下新建 resume.conf,内容如下:
server {
listen 80;
server_name your-domain.com; # 没域名就填服务器公网IP或 _
root /var/www/resume;
index index.html;
location / {
try_files $uri $uri/ /index.html;
}
}
try_files 那行的作用是:请求 /about 这类没有对应文件的路径时,回退到 index.html,单页应用做前端路由时很关键;纯多页站点其实直接默认也能跑。server_name 填你自己的域名,暂时没域名就写 _ 或公网 IP。
改完配置文件,检查一下语法再重载:
nginx -t # 语法检查
systemctl reload nginx # 平滑重载,不断连接
nginx -t 一定要跑,配错一个分号 reload 就会失败,而且不会告诉你错在哪方便排——先在本地改好再上传更稳。
五、几个部署时常遇的坑
第一,安全组没放行 80/443。ECS 外面有一层安全组(防火墙),即使 Nginx 起来了,安全组没放行进站 80、443,外网照样打不开。去安全组规则里加两条入站:TCP 80 和 443,来源 0.0.0.0/0。这是"本地 curl 通、外网不通"的头号原因。
第二,首页文件名。Nginx 的 index 默认找 index.html,如果你的入口叫 main.html 或 home.html,要么改配置要么把文件改名,否则访问根路径会 403 或 404。
第三,HTTPS 迟早要上。现在浏览器对 HTTP 站点标"不安全",证书可以申请免费证书,Nginx 配 443 并 return 301 https://$host$request_uri; 把 80 跳转过去。证书的申请和部署步骤以官方文档为准,配好后用户访问体验和专业度都上一个档次。
第四,不放敏感文件到 web 目录。作品集是公开的,但别顺手把含密钥的配置、未压缩的源图也丢进 /var/www,Nginx 会一视同仁地对外提供。构建产物和源码分开目录管理。
六、小结
用 ECS + Nginx 跑静态作品集,本质就是"传文件、配 server 块、放行安全组"三步,技术含量不高,但把域名解析、HTTPS、服务器权限这些基础运维都过了一遍,比用托管平台更有获得感。上线后记得 nginx -t 再 reload、安全组放行端口、首页文件名对齐,这三个点做过一两次基本上就记住熟悉了。后续想加 CDN 加速、想换框架重新构建,都是在这套地基上做加法。具体实例选型和安全组配置以官方文档为准。
- 点赞
- 收藏
- 关注作者
评论(0)