使用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搭建免费个人网页博客详细教程

然后到你的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测试。

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

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

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

经验分享

Linux jar 运行与关闭

2020-2-9 15:20:55

经验分享

WPS 2019专业版永久激活码

2020-2-26 13:53:39

版权声明 1 本网站名称:怀特博客
2 本站永久网址:https://www.ylesb.com
3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长QQ466534434进行删除处理。
4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
阿里云WordPress