背景

之前看到我的就业推荐表，有人说，这个推荐表太随意了，嗯，我打开手机看了看，就一个excel一样，确实很随意，所以嘛，为了体现我高超的技术，遂到GitHub上搞了一个模板，弄一个在线简历，岂不是很强，说干就干！

GitHub上一搜

找到这位大佬的模板，star还蛮多，https://github.com/gwuhaolin/resume
看了看markdown，说实话不是很懂，没怎么用过GitHub的自动部署，git那东西只会clone，push等，复杂一点的得查了，但是
Github Action这玩意我真不会，我根据他描述的clone、push、modify然后卡四了，后面不会了，但是本地可以跑起来

终极解决-搭在自己服务器上

虽说GitHub确实很稳，其实这东西搭在github上才是上策，奈何我不会Github Action，算了，反正也不是什么难事，

搭建 node 环境，好在有宝塔这个工具，直接下载pm2搭建环境
直接上shell，打开一个screen上传代码，npm i 下载依赖
然后跑起来，但是默认是跑在localhost本地的，要让外网访问就得改成 0.0.0.0
在package.json中配置启动脚本，webpack-dev-server --open --host 0.0.0.0
报错 Invalid Host header，查阅资料，显示是 webpack的自我保护机制把，解决就是启动时候加个参数
webpack-dev-server --open --host 0.0.0.0 --disableHostCheck=true
好了，可以访问，但是，域名加端口号，是不是有点奇怪？？？
利用nginx反向代理，将访问到的域名拦截，转发到本地域名端口，从而隐藏ip+端口
nginx配置信息，

server {
    listen   80;
    server_name  resume.xxx.xyz;
    proxy_set_header Host $host:$server_port;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header REMOTE-HOST $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    location / {
        proxy_pass http://xxx:8080/;
    }
}