Github Pages+HTML5 up制作个人主页及绑定二级域名

Author Avatar
落影汐雾 9月 23, 2019
  • 在其它设备中阅读本文章

Update on A.D.2019-09-23

好看是第一生产力​qwq

单个GitHub帐号下添加多个GitHub Pages的相关问题| 我很好奇

首先我们要知道GitHub Pages可以有多个,项目名为YourGitHubName.github.io的Pages使用这个域名访问,新添加一个项目ProjectName并设置为Pages项目后,使用YourGitHubName.github.io/ProjectName进行访问,那么我们可以使用一个Pages托管Hexo博客,一个Pages托管个人主页.

这里介绍一个网站提供了很多个人主页的模板
https://html5up.net
我们选择并下载其中一个,直接修改即可,有一定HTML和CSS基础都可以很轻松的修改,你需要一个浏览器并会使用控制台以及抓取元素和一个编辑器例如vscode即可开始编写.

那么你还需要会使用git并把这个网站的源代码上传到GitHub的repo上,不会上网找个教程吧.

那然后就是域名绑定了,如果你用域名绑定过GitHub Pages的话,你就知道域名的DNS设置要设置几个A选项,这里不讲那是啥玩意了,总之这个选项是设置GitHub的ip地址的,有空我再找链接吧,自己去查GitHub的文档就行。然后你要设置一个CNAME,设置YoutGitHubName.github.io,然后在Github的repo里添加一个CNAME文件内容是你的域名全称并且不带https,www这样的前缀.

那么现在有两个页面,我们可以把主域名解析到个人主页上,使用blog二级域名解析到博客上,具体设置就是在域名DNS设置里设置二级域名并且同样解析到YoutGitHubName.github.io上,然后分别在个人主页的CNAME里设置域名和博客的CNAME里设置blog.域名,记得打开GitHub Pages绑定个人域名的https.

现在等一会DNS解析生效和GitHub的https证书申请完毕应该就没什么问题了.

本文由 落影汐雾 原创,采用 保留署名-非商业性使用-禁止演绎 4.0-国际许可协议
本文链接:https://x.lyxw.xyz/2019/html_page/