欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

github建立静态网站,域名解析和跳转

发布时间:2025/3/20 编程问答 36 豆豆
生活随笔 收集整理的这篇文章主要介绍了 github建立静态网站,域名解析和跳转 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

1、注册github账号,创建仓库,仓库名称格式是user.github.io格式。如下图的dajun1234.github.io

2、上传一个测试的html文件,内容如下:

<html> <body> hello world </body> </html>

 

3、进入仓库的settings,将Github Pages的Branch设置为master。

如果已经自动设置为master了,就不需要设置了。设置完后,就会出现Pages域名了。

 

 

4、在浏览器输入,你的Page域名就可以访问到index.html的内容了。

5、域名解析(可选)

如果你觉得github提供的域名太长或不好看,自己可以去万网注册一个域名。比如博主注册了niced.site域名。(应该是不需要备案的)

域名修改在settings里面,在里面输入你的域名。github默认在仓库里面创建一个CNAME文件,看下图:

 

域名解析到购买厂商处进行解析,博主在阿里云买的域名,所以就在阿里云进行域名解析。看下图:

 

通过域名进行访问:

6、域名跳转(可选)

有时我们的域名没有备案,但是我们还想通过域名访问服务器。例如博主在阿里云有一个域名,但是没有备案,在滴滴云建了一个博客网站,博主想通过域名访问网站。我们在github上通过JavaScript来实现跳转到服务器。

想学习如何建站的朋友可以看博主这篇文章搭建wordpress博客网站

修改index.html的内容如下,下图请换成自己的服务器ip地址。

弄完之后需要等一会才可以通过域名访问。这样就实现了不用备案访问了。

博主的网站网址是逆行空间,博主以后会考虑在这个网站上写博客,请各位看官能多多关注,感谢。

 

 

 

 

 

《新程序员》:云原生和全面数字化实践50位技术专家共同创作,文字、视频、音频交互阅读

总结

以上是生活随笔为你收集整理的github建立静态网站,域名解析和跳转的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。