一个域名(同一个世界),多个网站(不同的梦想)。
写在前面
我猜看此文章的人,大多数都已经有了自己在 GitHub 上的独立博客了,而且这群人中的大多数人又绑定了自己的域名。那么,你可能会遇到下面这个问题:
- 除了
个人主页
绑定了自定义域名外,还想给自己账号下其他项目主页
绑定二级域名。
本文就要解决这个问题。
教程
场景重现:
以我为例,我在 GitHub 上有了一个 和用户名同名(这点很重要) 的 GitHub Pages 当作个人主页(即个人博客):
taketimeasafriend.github.io
但是我现在又有了几个想法:
1. 在 GitHub 上再建一个 GitHub Pages 当作我项目的 demo 页面展示,而不是在原先的 blog 下加子目录子页面(一来访问 url 不好看不专业,二来很多主题会强制对所有项目内的文件添加样式,影响展示效果)
2. demo 页面的访问链接是我自定义的一个域名
(如:是
testpages.51world.win
而不是
51world.win/testpages(会跳转)
或
taketimeasafriend.github.io/testpages(会跳转)
)
步骤一 - 新建项目主页
新建项目仓库,这里不赘述。直接到 Settings
➡️ GitHub Pages
:
我们就选个 Time Machine
主题(让我想起了《当幸福来敲门》电影台词… )吧,点击 Commit changes
,仓库就有文件了,供我们下一步使用。
步骤二 - 填写自定义域名
再回到 Settings
➡️ GitHub Pages
,填写自定义二级域名,比如:testpages.51world.win
,保存:
保存后我们回到 code
下会发现,多了个 CNAME
文件:
步骤三 - 解析域名
这里我用的是 DNSPOD(其他服务商应该类似,没有亲测,有疑问可以留言互动),添加记录,保存:
1 | 主机记录:* # 泛解析,匹配其他所有域名: *.你的顶级域名 |
步骤四 - 验证
浏览器输入刚才自定义的二级域名,确认下是否成功:
最后你可以将默认 index 文件删去,给仓库添加自己需要的 demo 文件。
大功告成。
拓展
看看类似操作后大师的开源项目,一本看上去很舒服的开源图书:
参考链接:
- https://help.github.com/articles/about-supported-custom-domains/
- https://help.github.com/articles/user-organization-and-project-pages/
- https://help.github.com/articles/adding-or-removing-a-custom-domain-for-your-github-pages-site/
- https://help.github.com/articles/using-a-custom-domain-with-github-pages/
- http://chitanda.me/2015/11/03/multiple-git-pages-in-one-github-account/