GitHub Pages搭建属于自己的静态网站,并绑定个人域名

1.首先登录Github,新建一个项目,项目的名称为:xxxxxx.github.io     

    xxxxx为自己的用户名

2.在项目中上传一个,index.html,类似下图。因为默认只读取index.html文件

GitHub Pages搭建属于自己的静态网站,并绑定个人域名

3.点击 Settings

GitHub Pages搭建属于自己的静态网站,并绑定个人域名

4.先确认一下 这个名字是否正确。之后下拉 一直到GitHub Pages

GitHub Pages搭建属于自己的静态网站,并绑定个人域名

5.然后操作如下:

GitHub Pages搭建属于自己的静态网站,并绑定个人域名

6.这时候你会发现,xxxxxx.github.io这个地址可以进入到自己写的index.html页面.

这时候已经成功在互联网上可以访问到你的页面。

如要绑定域名,继续往下看。

7. windows电脑输入cmd,进入dos界面,用命令 ping+xxxxxx.github.io 就可以查看到网站地址。如下图

GitHub Pages搭建属于自己的静态网站,并绑定个人域名

8.这时候你会看到,上图红色框中就是你的页面的ip地址。接下来,需要把域名解析到这个地址上就行,以阿里云域名为例

GitHub Pages搭建属于自己的静态网站,并绑定个人域名

9.点解析,进入后点新手引导

GitHub Pages搭建属于自己的静态网站,并绑定个人域名

 10.红框中填入,刚才ping到的ip地址即可。

GitHub Pages搭建属于自己的静态网站,并绑定个人域名

 11.这时候域名已经绑定了ip地址,还差一步。就可以访问成功。

12.返回github的Settings的GitHub Pages,设置如下图所示。

GitHub Pages搭建属于自己的静态网站,并绑定个人域名

13.ok 现在访问你自己的域名 ,就可以看到你自己写的index,html页面了