正文 首页建站学院 建站教程

使用github搭建免费个人网页博客详细教程

凭栏听雨

在开始一切之前,你必须已经:

有一个github账号,没有的话去注册一个;

安装了node.js、npm,并了解相关基础知识;

安装了git for windows(或者其它git客户端)

新建一个名为你的用户名.github.io的仓库,比如说,如果你的github用户名是test,那么你就新建test.github.io的仓库(必须是你的用户名,其它名称无效),将来你的网站访问地址就是 http://test.github.io 了,是不是很方便?

由此可见,每一个github账户最多只能创建一个这样可以直接使用域名访问的仓库。

创建仓库

新建一个名为你的用户名.github.io的仓库,比如说,如果你的github用户名是test,那么你就新建test.github.io的仓库(必须是你的用户名,其它名称无效),将来你的网站访问地址就是 http://test.github.io 了,是不是很方便?

由此可见,每一个github账户最多只能创建一个这样可以直接使用域名访问的仓库。

几个注意的地方:

注册的邮箱一定要验证,否则不会成功;

仓库名字必须是:username.github.io,其中username是你的用户名;

仓库创建成功不会立即生效,需要过一段时间,大概10-30分钟,或者更久,我的等了半个小时才生效;

创建成功后,默认会在你这个仓库里生成一些示例页面,以后你的网站所有代码都是放在这个仓库里啦。

绑定域名

当然,你不绑定域名肯定也是可以的,就用默认的 xxx.github.io 来访问,如果你想更个性一点,想拥有一个属于自己的域名,那也是OK的。

首先你要注册一个域名,域名注册其实国内的阿里云也挺不错的,价格也不贵,毕竟是大公司,放心!

绑定域名分2种情况:带www和不带www的。

域名配置最常见有2种方式,CNAME和A记录,CNAME填写域名,A记录填写IP,由于不带www方式只能采用A记录,所以必须先ping一下你的用户名.github.io的IP,然后到你的域名DNS设置页,将A记录指向你ping出来的IP,将CNAME指向你的用户名.github.io,这样可以保证无论是否添加www都可以访问,我这里设置了二级域名git.plty.cn如下:

使用github搭建免费个人网页博客详细教程

使用github搭建免费个人网页博客详细教程

然后到你的github项目根目录新建一个名为CNAME的文件(无后缀),里面填写你的域名,加不加www看你自己喜好,因为经测试:

如果你填写的是没有www的,比如 plty.cn,那么无论是访问 http://www.plty.cn 还是 http://plty.cn ,都会自动跳转到 http://plty.cn

如果你填写的是带www的,比如 www.plty.cn ,那么无论是访问 http://www.plty.cn 还是 http://plty.cn ,都会自动跳转到 http://www.plty.cn

如果你填写的是其它子域名,比如 abc.plty.cn,那么访问 http://abc.plty.cn 没问题,但是访问 http://plty.cn ,不会自动跳转到 http://abc.plty.cn

另外说一句,在你绑定了新域名之后,原来的你的用户名.github.io并没有失效,而是会自动跳转到你的新域名。点击newfile 名称输入

CNAME 内容输入你绑定的域名使用github搭建免费个人网页博客详细教程

上传源码

很多实用SSH KEY进行连接也是可以的,然后进行连接都是可以的,这里我使用的就是一个简单的index.html。然后进行输入git.plty.cn测试。

使用github搭建免费个人网页博客详细教程

使用github搭建免费个人网页博客详细教程

因为这里就是我弄的简单的html网页,当然,你也可以弄一些其他的博客系统什么的都是可以的,利用hexo等等。

使用github搭建免费个人网页博客详细教程

使用github搭建免费个人网页博客详细教程这次的教程就到这里了,有什么问题欢迎反馈,非常乐意与大家交流。