怪兽导航
开始之前
1、浏览器的收藏夹内容原来越多,有时候无法很快的找到一个不常用的网址,所以萌生了一个想法:搞一个自己的个人导航页。
2、如果你跟我有一样的需求,那么可以试试怪兽导航,部署方便简单,不需要任何服务器成本,可以说是:零成本。
3、唯一需要的能力就是会简单使用Git、Github和简单的修改前端代码。
演示效果
1、日间模式
2、夜间模式
下载部署
前提:本地已经安装配置了Git工具。
1、克隆项目
// 克隆项目
git clone https://github.com/oucystong/oucystong.github.io.git
2、查看项目的远程地址
// 查看项目的远程地址
git remote -v
此时远程地址为本项目的远程地址,需要修改成你自己的远程地址,否则后续修改代码后无法推送和部署。
3、注册Github账号,并且按照如下图片要求新建仓库
4、获取新建仓库地址并且设置本地项目的远程地址
# 设置远程仓库地址
git remote set-url origin https://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@github.com/oucystong/oucystong.github.io.git
# 查看远程仓库地址
git remote -v
注意:
1、你的新建仓库地址可能跟上述仓库格式不太一样,必须要跟上述仓库格式相同才可以,否则无法推送,这是因为Github不再允许通过用户名和密码的方式进行验证。
2、解决方案:https://blog.csdn.net/yjw123456/article/details/119696726
5、修改代码
代码基本都可以见名知意,自定义内容替换为自己的即可。
6、提交代码
# 一套三连招
git add .
git commit -m "update"
git push -u origin main
7、通过Github Pages部署项目
8、通过Github Pages生成的网址测试访问
9、如果想自定义域名,可以通过阿里云或者腾讯云直接申请,如果仅仅作为Github Pages的绑定域名,则不需要备案
- 提交CNAME文件到仓库中,CNAME文件内容是申请的域名。
- 在阿里云或者腾讯云中配置域名解析。
参考项目
请喝可乐
觉得有帮助的小伙伴,欢迎请作者喝杯肥宅快乐水!
关注怪兽
码农怪兽,一只喜欢研究技术、科技、**、软件、资源、产品的非不正经的UP主!如果有任何问题可以关注怪兽的微信公众号及时留言反馈!