Github Pages建立静态网站

发布时间:2019-06-20 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了Github Pages建立静态网站脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

GIThub Pages对于建立静态网站来说真的是超级方便,概念方便,配置方便。
只要你不超出HTML+Javascript+CSS的范围,一切都好说。
如果为了漂亮,可以使用Bootstrap等各种技加强页面显示,只要是静态的,一切都好说。

个人主页vs项目主页

参考:单个GitHub帐号下添加多个GitHub Pages的相关问题

Github Pages有两种建站方案,一种叫个人主页,一种叫项目主页:

  • 个人主页:这种是你可以用自己的用户名为域名访问,如我的solomonxie.github.io。这是最简单的方法,网页放在master分支就可以显示。但是这种方法会有比较多限制:

    • 放网页的repo必须命名为user.github.io这种形式,user必须与自己的用户名完全相同。
    • 一个用户只能有一个这种域名。
  • 项目主页:这一种是,你可以使用任意repo,但是域名就不是user.github.io这么简单的形式了。而是user.github.io/repo这种形式。

同时,你必须要把网页放在这个repo的gh-pages分支里,才能显示出来。

注意一般即使上传好了网页,也不会及时显示出来,有时可能会等几个小时Github才会显示最新的页面。

自定义域名的配置

一般solomonxie.github.io这种域名虽然已经很简单了,但还是挂着github的名字且有点长,始终摆脱不了供应商的影子。如果做为个人网站的话,这一点的确会影响些形象和印象的独立性。
所以有必要把这个域名映射到自己申请的外部域名上去。

以下为域名映射的操作步骤:

  • 申请域名(略)
  • 存放网页的分支里(看是个人主页还是项目主页而定),建立一个文件,名为CNamE,内容极其简单,只有一行,即你申请的域名,如:solomonxiexie.COM。然后Github会根据这个域名设置,一直替你监听这个域名的访问,然后自动帮你做所有的映射工作。
  • 然后回到你申请域名的服务商那里,找到域名的配置修改页面,修改域名的指向:修改A类域名,然后指向Github的IP地址。这个ip需要自己ping一下才知道

脚本宝典总结

以上是脚本宝典为你收集整理的Github Pages建立静态网站全部内容,希望文章能够帮你解决Github Pages建立静态网站所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。