极简动态个人主页

极简动态个人主页

效果图

image-20240831000250197

拉取代码

1
wget https://alist.wanwancloud.cn/d/%E6%BA%90%E7%A0%81/%E6%9E%81%E7%AE%80%E5%8A%A8%E6%80%81%E4%B8%BB%E9%A1%B5/homepage.zip?sign=uya9EQ2u3SzbV2e2SCCCO4CfgxCnKOjCD9PJGWC8XBE=:0
1
2
若文件名非homepage.zip 则改名
mv homepage.zip\?sign\=uya9EQ2u3SzbV2e2SCCCO4CfgxCnKOjCD9PJGWC8XBE\=\:0  homepage.zip

image-20240830232445789

部署代码

**使用docker进行部署 **

1
2
拉取镜像
docker pull nginx
1
2
3
4
5
6
7
8
解压代码
unzip homepage.zip

演示挂载目录为/home
mv homepage /home

启动容器
docker run -d --name home -v /root/homepage/homepage:/usr/share/nginx/html -p 4521:80 --restart always nginx

访问验证

IP:4521

代码修改

1
2
按需修改代码即可
vim /home/homepage/index.html

可以边修改边看网站情况，但是记得要停用浏览器缓存

image-20240830234144940

反代配置Nginx

1
2
3
4
5
6
7
8
9
10
11
    location / {
          proxy_pass http://127.0.0.1:4521;
          proxy_set_header Host $host;
          proxy_set_header X-Real-IP $remote_addr;
    }
                # 这块强制跳转https 无证书可删除
                if ($server_port !~ 443){
                        rewrite ^(/.*)$ https://$host$1 permanent;
                         }

}

域名访问

image-20240830235347859

🎉恭喜你拥有属于自己的主页小站啦！

个人主页
#个人主页