边搭边记，基于GitHub使用Jekyll搭建个人博客

最新推荐文章于 2019-08-22 17:59:31 发布

Leyiac

最新推荐文章于 2019-08-22 17:59:31 发布

阅读量4.7k

点赞数 1

分类专栏： Github 文章标签：个人博客 Github Jekyll

本文链接：https://blog.csdn.net/u013009839/article/details/43742901

版权

Github 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

最近看到网上基于GitHub搭建个人博客很火，于是出去研(wu)究(nao)学(gen)习(feng)的目的，也搭建了一个个人博客

【博客传送门：http://histoire.xyz/(个人博客测试中)，

以及GitHub：https://github.com/MyHistoIRe/MyHistoIRe.github.io】

本人技术小白，静待各位大神指导

------------------------------------------------------------------------我是分割线-----------------------------------------------------------------------

直接进入正题

为什么选择GitHub Page和Jekyll

关于GitHub

1、github pages有300M免费空间；

2、学着用github，享受github的便利，上面有很多大牛，眼界会开阔很多；

3、可以绑定自己的域名；

4、无需自己搭建服务器；

5、github是趋势；

以及关于Jekyll

1、不需要使用额外的数据库

2、支持markdown，liquid，以及原始的html、css

3、可以定义模板，并在模板上进行代码复用

4、github对其支持，可以直接在github上搭建，可以继承github上的各种好处（版本控制，免费，无流量限制）

5、有很多扩展插件（但是在github上用不了，github不允许用户使用扩展插件，大概是出于安全性考虑）

购买、绑定域名

这里是使用自己购买的域名当做自己博客的域名，如果只想使用GitHub自带的域名直接跳过这一步，到安装与配置Git。

首先当然是购买域名，用的比较多的是万网和godaddy。

方法就不多介绍了，有网购经验的都无压力，而且都支持支付宝。不过有一点需要注意，godaddy的优惠码从网上搜一搜一大堆，加上优惠码价格相对于万网购买的应该是比较低的。

之后，便是域名的配置。

流传godaddy的域名解析服务器被墙掉，导致域名无法访问，国内流行的当属DNSPos，易用，免费，而且不会被墙（当然万网自带的解析服务器同样不错），DNSPos收费版有更加强大的功能，不过作为个人博客用不到了。

直接上DNSPos的官方介绍https://support.dnspod.cn。

DNSPos的说法，学会使用DNSPod，仅需三步

l 注册登录后点击【添加域名】

l 添加需要解析的主域名（博客的域名）

l 点击刚刚添加的域名进入管理页面，点击【添加记录】

（重点来了）这里需要添加一条A记录，记录值为192.30.252.153，另一条A记录作为备用，记录值为192.30.252.154

以及一条CNAME记录，主机www,记录值为GitHub博客的地址（添加CNAME这一步可以放在后面来做）

域名配置的部分完成。

安装与配置Git

使用Git，需要下载Git的客户端。本人使用windows环境下的Git ，此处以Gitfor windows作为例子，Git for windows下载地址http://msysgit.github.io/。

下载安装过程跳过……

之后，打开Git Bush （配置过程参考自BeiYuu的博客《使用Github Pages建独立博客》）。

1、检查SSH keys的设置

首先我们需要检查你电脑上现有的ssh key：

<span style="font-size:14px;">1.  $ cd ~/.ssh</span>

如果显示“No such file or directory”，跳到第三步，否则继续。

2、备份和移除原来的ssh key设置：

因为已经存在key文件，所以需要备份旧的数据并删除：

<span style="font-size:14px;">1.  $ ls
2.  config  id_rsa  id_rsa.pub  known_hosts
3.  $ mkdir key_backup
4.  $ cp id_rsa* key_backup
5.  $ rm id_rsa*</span>

3、生成新的SSH Key：

输入下面的代码，就可以生成新的key文件，我们只需要默认设置就好，所以当需要输入文件名的时候，回车就好。

<span style="font-size:14px;">1.  $ ssh-keygen -t rsa -C "邮件地址@youremail.com"
2.  Generating public/private rsa key pair.
3.  Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):<回车就好></span>

然后系统会要你输入加密串（Passphrase）：

<span style="font-size:14px;">1.  Enter passphrase (empty for no passphrase):<输入加密串>
2.  Enter same passphrase again:<再次输入加密串></span>

最后看到这样的界面，就成功设置ssh key了：

4、添加SSH Key到GitHub：

在本机设置SSH Key之后，需要添加到GitHub上，以完成SSH链接的设置。

用文本编辑工具打开id_rsa.pub文件，如果看不到这个文件，你需要设置显示隐藏文件。准确的复制这个文件的内容，才能保证设置的成功。

在GitHub的主页上点击设置按钮：

选择SSH Keys项，把复制的内容粘贴进去，然后点击AddKey按钮即可：

PS：如果需要配置多个GitHub账号，可以参看这个多个github帐号的SSH key切换，不过需要提醒一下的是，如果你只是通过这篇文章中所述配置了Host，那么你多个账号下面的提交用户会是一个人，所以需要通过命令git config--global --unset user.email删除用户账户设置，在每一个repo下面使用git config --local user.email '你的github邮箱@mail.com' 命令单独设置用户账户信息

5、测试一下

可以输入下面的命令，看看设置是否成功，git@github.com的部分不要修改：

1.  $ ssh -T git@github.com

如果是下面的反应：

1.  The authenticity of host 'github.com (207.97.227.239)' can't be established.
2.  RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48.
3.  Are you sure you want to continue connecting (yes/no)?

不要紧张，输入yes就好，然后会看到：

1.  Hi <em>username</em>! You've successfully authenticated, but GitHub does not provide shell access.

6、设置你的账号信息

现在你已经可以通过SSH链接到GitHub了，还有一些个人信息需要完善的。

Git会根据用户的名字和邮箱来记录提交。GitHub也是用这些信息来做权限的处理，输入下面的代码进行个人信息的设置，把名称和邮箱替换成你自己的，名字必须是你的真名，而不是GitHub的昵称。

1.  $ git config --global user.name "你的名字"
2.  $ git config --global user.email "your_email@youremail.com"

成功了

此时，你就可以成功连接GitHub了

注册过程也不在赘述，这里主要说使用的GitHub Page。

想搭建个人博客，需要建立形如your_github.github.io这样可以访问的站，每个用户名下面只可以建立一个。

主页中找到New repository

GitHub的repository的名字是特定的，如果Git账号为your_github，那么GitHubPage Repository的名字就是your_github.github.io。例如我的GitHub

之后点击点击【Create Repository】完成创建。

创建好之后，可以提交一个index.html文件，push到GitHub上。第一次页面生成需要一段时间（大约30分钟），之后访问your_github.github.io（创建的GitHub主页地址）就可以访问创建的博客了。

此时，可以添加一个CNAME文件，内容为你所购买的个人博客的独立域名，并且返回购买、绑定域名，添加GitHub博客的地址，这样，就可以通过访问购买的独立域名访问刚刚创建的博客了（设置成功后需要根据DNSPos的情况，最长可能需要一天才能生效，耐心等待吧）。

成功，一个拥有独立域名的博客空间就创建完成了。

Jekyll模板系统

Jekyll是一个强大的静态模板系统（存在的缺点是无法动态加载，外部服务和评论需要添加插件，以及没有数据库和服务端逻辑），作为个人博客基本可以满足要求（使用Github无需关心数据库和服务端逻辑）。

本地安装Jekyll

首先安装ruby和gen(安装过程参考天镶的博客《使用Jekyll在Github上搭建个人博客（环境搭建)》)

1. 从RubyInstaller下载ruby，如果有经验的可以直接从Ruby官网进行下载，前者安装比较无脑，会有一些额外的依赖包进行安装，版本也较低，而Ruby官网的版本则相对较高，但是没有额外的依赖包。下载的时候版本选较高一些的，否则会有bug，我选择的是2.0.0p353(2013-11-22)。安装的时候记得勾选添加环境变量。

2. 安装devkit，RubyInstaller页面中往下拉就能看到。选择自己版本的Ruby对应的devkit，下载并解压，然后执行:

<span style="font-size:14px;">cd devkit
ruby dk.rb init
ruby dk.rb install</span>

这样就完成ruby环境的安装了

1. 安装gem，这个也可以去gem的官网进行下载，然后直接安装就行了，安装完成后使用gem-v查看一下是否安装成功。我安装的是2.4.5版本

2. gem是可以选择源的，默认的源有点慢，可以使用ruby.taobao.org的源，方便快捷
查看当前源

<span style="font-size:14px;">D:\node\jekyll>gem sources list
*** CURRENT SOURCES ***
https://rubygems.org/
D:\node\jekyll></span>

添加新源

gem sources -a http://ruby.taobao.org/

删除默认源

gem sources --remove https://rubygems.org/

再次查看的时候保证只有http://ruby.taobao.org/就行了

如果上面出错，去网上找找教程吧，ruby环境的搭建和gem的安装教程还是蛮多的，基本google一下遍地都是。

使用gem安装Jekyll

使用命令geminstall jekyll就可以安装jekyll及所有需要的依赖，但不包括插件。

当然，使用Jekyll -v查看是否安装成功。

Jekyll的安装就完成了，使用Jekyll的模板搭建一个个人博客，之后直接push到Github上就可以了，对于windows用户推荐使用Github for windows，窗口界面更适用于windows用户。

剩下的，就是用Jekyll搭建完整的博客，Jekyll的教程和模板百度Google一搜一大堆。

Jekyll详细的使用方法建议看天镶的几篇博文《使用Jekyll在Github上搭建个人博客（博客编写）》《使用Jekyll在Github上搭建个人博客（将本地博客上传至github）》

不过建议像我一样的小白和想寻求便捷的朋友直接使用Jekyll的模板（当然还是百度）。

最后，推荐一些比较好的教程

如果本教程中存在任何问题，欢迎各位指出

Leyiac

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
边搭边记，基于GitHub使用Jekyll搭建个人博客

最近看到网上基于GitHub搭建个人博客很火，于是出去研(wu)究(nao)学(gen)习(feng)的目的，也搭建了一个个人博客【博客传送门：http://histoire.xyz/(个人博客测试中)，以及GitHub：https://github.com/MyHistoIRe/MyHistoIRe.github.io】本人技术小白，静待各位大神指导-----------
复制链接

扫一扫