如何使用GitHub搭建自己的个人博客

大家都知道，阿粉有自己的博客，而且博客的地址，也是托管在Github上面的，而且很多的小伙伴们也想问怎么搭建这个，毕竟如果要是自己做个网站，弄个域名，再弄个服务器，这也是一笔不小的花费，但是使用GitHub来托管自己的的网站的话，这样的问题就不复存在了呀。虽然有时候这个GitHub确实访问起来是有点慢，但是不影响呀。

阿粉的博客

大家可以看到，这个页面也是非常的简洁的，而且是非常的清晰和明了，而且这些都是网上可以方便使用的模板，这个模板也是开源的，毕竟程序员嘛，开源最香，但是不得不说一句，人家收费的却也是最好看的，而且还可以帮你经常的更新一下，这时候就看你的取舍了。

如何搭建一套自己的博客

今天阿粉就教大家如何建立一个自己的博客页面，并且把它托管到 GitHub 上，这样就不用自己去再弄服务器了，直接把Github 当作一个中转了。

准备工作：

• 注册一个Github账号
• 再整一个域名，阿里云随便买，.cn 的 29一年，很划算。
• 会一点简单的Jekyll语法

一般个人博客搭建有两种方式

一种是：GitHub Pages + Hexo 的方式

另外一种是：GitHub Pages + jekyll 的方式

阿粉在这里就直接选择的是第二种方式，使用的是GitHub Page 加 jekyll 的方式进行的博客搭建。

第一步：

注册一个自己的 Github 的账号

关于创建账号这个事情，就不用阿粉再多说了吧，这个相信大家都有，我们需要做的就是，在github上面，先fork一个我们喜欢的博客代码的风格，然后把他down下来，到我们的本地上。

我们先在 Github 上面创建一个我们的账号阿粉为了给兄弟们演示一下这个怎么搭建，阿粉直接换一个新号来安排一下。

第二步：

我们找一个好看的博客，然后fork 到自己的项目中，顺便改个名字。

已经成功的安排到我们自己的github里面了。

这时候，我们需要去先进行相对应的配置，

先进入Setting页面，找到我们的githubPages，选择好指定的项目，比如我们之前fork下来的master分支，

然后进行保存，这时候，得稍等一段时间，保存成功之后，并不是能够很忙就直接能够进行访问的，需要等待一段时间，这时候，你就相当于是把你的整个博客的目录发布到了GitHub上面托管，让GitHub给你提供域名服务，可以直接访问，就想阿粉发布的图。

直接访问这个地址，就能够精确的访问到你刚刚fork的博客了，是不是很简单。

一般的都需要做一些配置，就比如阿粉选择这个，原作者就把所有的配置都放在了这里，告诉你需要配置哪些内容才能够实现正常的观看，否则就像阿粉这个样子。

配置项，不同的模板之间都是不同的，这就需要你掌握一点点的jekyll语法了。

下面是使用的事项。

阿粉对于Jekyll并不是很精通，但是还是要说一下的，一般的配置就如下几项。

Jekyll语法

_config.yml

jekyll的全局配置在_config.yml文件中配置。比如网站的名字，网站的域名，网站的链接格式等等。

_includes

对于网站的头部，底部，侧栏等公共部分，为了维护方便，我们可能想提取出，来单独编写，然后使用的时候包含进去即可。这时我们可以把那些公共部分放在这个目录下，使用时只需要引入即可。

{% include filename %}

_layouts

一般是指其中的布局。

_site

jekyll生成网站输出的地方，一般需要在.gitignore中屏蔽掉这个目录。

一般常用的一些语法格式是这样的。

循环

{% for post in site.posts %}
 <a href="{{ post.url }}">{{ post.title }}</a>
{% endfor %}

自动生成摘要

{% for post in site.posts %}
 {{ post.url }} {{ post.title }}
 {{ post.excerpt | remove: 'test' }}
{% endfor %}

如果感兴趣的，大家可以去官网学习一下Jekyll，让自己的博客变得更加美观！！！