前言
谁不想要拥有个人主页/团队主页呢。Homepage 有很多实现方式,从自己写 html
到搞一个 WordPress
或者就简简单单使用 Notion
搭建…总之选一个喜欢的就好。今天这个教程是利用 Github Pages
搭建免费的主页,再利用 Cloudflare
实现自定义域名(首先你得拥有一个域名)并强制 https
访问。
搭建步骤
登录 Github
人不能,也不应该没有 Github
没有的话赶紧注册一个x
创建团队账号(如果需要搭建团队主页的话推荐执行这个步骤)
登录后点击 Your organizations
- New Organization
- Free
选择免费团队
填写完信息即创建成功
挑选模板
Github Pages
拥有很多模板,这里给一个模板站http://jekyllthemes.org/
。当然也可以从新建一个 html
开始完全 diy 。这里还是推荐挑选一个自己喜欢的模板,从模板修改。
这里也推荐几个模板,还有太多太多了可以在各处找找自己喜欢的板子
-
https://github.com/academicpages/academicpages.github.io
-
https://github.com/qiubaiying/qiubaiying.github.io
-
https://github.com/Huxpro/huxpro.github.io
利用Github Actions
创建主页
- 对着喜欢的模板直接一手
Fork
例如你的团队叫做 abcd
那么仓库名字就要为 abcd.github.io
- 开始 Build and deployment
直接 Commit
就完事
然后可以在Actions
里看到网站在构建了。
绿了就表示构建完成,即可浏览器直接访问你设置的abcd.github.io
修改内容
大部分模板可能都需要markdown
以及一些 html
的知识,照着对应模板的用户手册改就可以。需要clone
到本地然后修改完Commit
上去,修改完Actions
会自动重新构建。当然极度推荐先在本地构建查看效果,等到觉得差不多了再Commit
,本地的话很快就能得到修改反馈。
例如https://github.com/Huxpro/huxpro.github.io
就支持本地构建。
绑定域名
拥有一个自己的域名并绑到 Cloudflare
上
没有域名去买一个xyz
top
之类的很便宜,直接买十年大概不到200,没有Cloudflare
速去注册一个。
Cloudflare
中添加你购买的域名
- 选择免费计划
- 找到 分配的名称服务器 复制一下
- 前往你的域名商的控制台,把
DNS服务器
修改为Cloudflare
提供的名称服务器。我是买的阿里云的域名,大的域名商都无所谓。
然后开始等待。
Github Pages
添加自定义域名
注意需要先在Cloudflare
中先更改SSL/TLS
设置为完全
及以上。
并且添加解析时似乎需要先关闭代理
然后可能需要在
这个界面多试几次 好像是有些 BUG 的,Enforce HTTPS
有时候勾选不上。我最后是删除域名后,先勾选上Enforce HTTPS
然后再添加域名然后成功的… 如果有人知道为啥的话麻烦指教一下…