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

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

有一个github账号,没有的话去注册一个;
安装了node.js、npm,并了解相关基础知识;
安装了git for windows(或者其它git客户端)

 

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

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

1.2 创建仓库

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

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

几个注意的地方:

  1. 注册的邮箱一定要验证,否则不会成功;
  2. 仓库名字必须是:username.github.io,其中username是你的用户名;
  3. 仓库创建成功不会立即生效,需要过一段时间,大概10-30分钟,或者更久,我的等了半个小时才生效;

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

1.3绑定域名

当然,你不绑定域名肯定也是可以的,就用默认的 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.ylesb.com如下:

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

  • 如果你填写的是没有www的,比如 ylesb.com,那么无论是访问 http://www.ylesb.com 还是 http://ylesb.com ,都会自动跳转到 http://tlesb.com
  • 如果你填写的是带www的,比如 www.ylesb.com ,那么无论是访问 http://www.ylesb.com 还是 http://ylesb.com ,都会自动跳转到 http://www.ylesb.com
  • 如果你填写的是其它子域名,比如 abc.ylesb.com,那么访问 http://abc.ylesb.com 没问题,但是访问 http://ylesb.com ,不会自动跳转到 http://abc.ylesb.com

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

1.4上传源码

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

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

这次的教程就到这里了,有什么问题欢迎反馈,非常乐意与大家交流。同时欢迎大家加入交流群~

「点点赞赏,手留余香」

    还没有人赞赏,快来当第一个赞赏的人吧!
2 条回复 A 作者 M 管理员
  1. 那么无论是访问 http://www.ylesb.com 还是 http://ylesb.com ,都会自动跳转到 http://tlesb.com

    "tlesb"这个是不是要改成“ylesb”?

    • 你说的这个是泛解析的问题,可以设置的

欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论
TrustAsia 安全签章 阿里云WordPress

Optimized by WPJAM Basic