使用Github进行网页跳转

前言

个人比较喜欢简书,界面比较简洁,内置的编写工具特别棒,但是她有一点不好,不像博客园这样可以设置个性域名,感觉有点美中不足,只好自己找个办法解决了。
在参考了他人的介绍后,决定自己动手试一试,需要的不过是一个github的账号,以及你想跳转到的网页,仅此而已。当然,如果你觉得github的域名太长,可以申请一个域名。

Github仓库

需要在GIthub建立一个和自己用户名相关的的仓库,比如lastbus99.github.io,其中.github.io是必须的,lastbus99是我GIthub的用户名,也就是你项目路径的最前面的那一段,她在下面的位置设置。

在这个项目建立之后,如果你创建了默认的Index.html文件,基本就可以访问了,通常需要等待一会。为了使这个地址跳转到想要的网页,需要在这个文件中增加一条javascript脚本命令。

<!DOCTYPE html>
<html>
<script>
window.location.href="https://www.jianshu.com/u/4187f699179c";
</script>
<body>
</body>
</html>

如果你觉得Github的域名跳转就可以了,那么就不用看后面的了,后面的是为了使用自己的域名跳转到指定的网页。
在你上面创建的仓库中,增加一个CNAME文件,里面写入自己的域名,比如是lastbus.club,这样就完成了GIthub的配置。

DNS域名解析

在你的域名解析里面添加CNAME记录,这个在解析你的域名的时候会重定向到记录值指定的域名,有点类似别名的意思。
需要注意的是,如果你之前已经配置了记录类型为A的记录,你需要把它们删除,A记录的意思是解析到对应的IP地址,当然也包括发邮件的MX记录类型。
显然,她们的目的和CNAME记录类型是一样的,就是为了把网址定位到对应的服务器,所以不能出现一对多,不然就不知道该往哪里去了。

我添加了两条CNAME记录,这样就不管是否有写www前缀,网址都能进行正常解析了。

posted @   99末班车  阅读(1290)  评论(0编辑  收藏  举报
编辑推荐:
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
阅读排行:
· Obsidian + DeepSeek:免费 AI 助力你的知识管理,让你的笔记飞起来!
· 分享4款.NET开源、免费、实用的商城系统
· 解决跨域问题的这6种方案,真香!
· 一套基于 Material Design 规范实现的 Blazor 和 Razor 通用组件库
· 5. Nginx 负载均衡配置案例(附有详细截图说明++)
点击右上角即可分享
微信分享提示