Github Pages建立静态网站

本文详细介绍如何使用GitHub Pages创建个人或项目主页,包括配置个人主页与项目主页的区别,以及如何自定义域名进行映射,实现更专业的网站展示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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一下才知道。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值