Github Pages + Jekyll搭建博客图文教程

本文主要分为两部分，本地预览+云端部署和云端简易部署 ,
本地+云端部署需要懂一些Git命令以及懂得如何处理，
因为Jekyll的难度较大在Windows环境下极易error，
Linux环境下无需担心，
所以尽量使用简易部署无须搭建环境(比较简单)。

所需软件：
1.Atom(同步Github仓库)
2.Git(本地预览)
3.Ruby合成包( https://rubyinstaller.org/downloads/)

那么接下来教程开始

1.Github仓库
1.1：注册Github账号 (百度经验传送门)并登录
1.2：获取Jekyll模板，在这里推荐一个大佬的模板，点这里
点击这个页面右上角的Fork

稍等片刻后会自动跳转到你自己的仓库页面

看到那个Settings了吗，点击跳转到设置页面，然后吧Repository name选项的前半段部分改成你的用户名+.github.io。
PS:用户名后面的.github.io是固定的不可删除。
(举个例子我的用户名叫Forever331 那么修改的结果为forever331.github.io)然后点击Rename

如果成功那么应该是这样的，下面的消息可以点击右边的Edit编辑。
到这里Github仓库配置就差不多了
2.本地环境配置(本阶段过于麻烦，建议无基础的同学跳到下面的简易部署 Warning:Windows下极易error，请注意)
2.1下载Git——地址 https://git-scm.com/downloads

点击Download x.xx.x for Windows 自动识别系统版本无须担心安装32或64。
具体安装方法请自行搜索
2.2安装Ruby(Dev版)——地址 https://rubyinstaller.org/downloads/

根据自己电脑系统位数进行下载。因为我是64位，所以选择第一个进行下载安装。以下为安装详情

点击Finish进行安装MSYS2

这里输入3 回车进行安装。耐心等待一会，当你看到绿色succeeded字样时代表成功

2.3安装Jekyll
Windows+R键输入cmd打开cmd窗口。输入 gem install jekyll 回车安装，Windows防火墙可能会提示网络访问，记得放行。(耐心等待安装完成)
输入jekyll -v若出现版本号则安装成功

2.4安装bundle
打开cmd窗口输入gem install bundler

接下面第3.1步进入Clone的仓库地址右键,点击Git Bash Here 输入bundle install。安装完成即可

以上本地配置完成由于步骤过于复杂若又不懂的地方建议Google
评论区提问楼主也会尽力回复

以下内容为简易部署+云端上传教程
3.使用Githu官方编辑器Atom进行仓库复制到本地修改

3.1安装Atom——地址 https://atom.io/

点击Download进行下载。
安装完成后打开Atom 按下ctrl+shift+p 搜索Github:Clone 回车后

提示输入仓库主页网址

然后点击Clone,稍等片刻。

3.2修改Clone下来的文件
1.上一个步骤完成后现在可以删除一些东西了(笑
2.README.md需要进行修改(记得留下指向原作者Github主页的连接保证原作者的权益)
3._config.yml需要对其进行修改(包括百度统计,评论系统,个人链接等)
4.CNAME为Github域名映射文件，可删除
5._posts文件夹内是放文章的地方,里面的东西要删除(版权问题)。
6.images下的图片可对其进行修改
7.images/posts文件夹下为文章内图片(删除内部文件)
8.images/payimg文件夹内是作者留下来的打赏插件图片,可以删除。
9.删除打赏组件文件,路径：_includes/new-old.html。删除第一个DIV的开始到结束即可