两分钟急速创建一个Github Page【绑定个人域名】

想要拥有一个个人的网页,而且还想绑定自己个性域名的网页,又不想花钱买服务器,那你找对地方了,今天让你两分钟拥有一个自己的网页。
github项目地址
演示网站

以一个前端网站收藏夹为例。demo地址:http://collect.sofar.top

项目前准备

1: 你要有一个域名(废话);
2: 你要有github 账户(废话);

域名解析

创建一个你喜欢的二级域名。
我这边选择的是 collect.sofar.top

两分钟急速创建一个Github Page【绑定个人域名】_第1张图片

然后点击保存 这样 collect.sofar.top 域名DNS就解析成功了。

准备网页

在github 上创建一个仓库

两分钟急速创建一个Github Page【绑定个人域名】_第2张图片
git clone 到本地
创建index.html文件写入内容

两分钟急速创建一个Github Page【绑定个人域名】_第3张图片

提交到github

两分钟急速创建一个Github Page【绑定个人域名】_第4张图片

github 项目设置

创建CNAME文件

两分钟急速创建一个Github Page【绑定个人域名】_第5张图片

两分钟急速创建一个Github Page【绑定个人域名】_第6张图片

记得保存
下一步就是:

两分钟急速创建一个Github Page【绑定个人域名】_第7张图片

往下拉找到Github Page

两分钟急速创建一个Github Page【绑定个人域名】_第8张图片
选择 master:branch 记得点击 save 保存哦;
保存后你设置的域名会自动填入下面Custom domain的输入框中

接下来就是见证奇迹的时刻
访问你设置的域名,显示出来的是你写入的显示内容

两分钟急速创建一个Github Page【绑定个人域名】_第9张图片

现在你就可以往你的页面里面写上你炫酷叼炸天的页面效果了。

github项目地址
演示网站

你可能感兴趣的:(HTML5,github,前端,github-pag,个人网页)