正所谓前人栽树，后人乘凉。
感谢Huxpro提供的博客
前言
本教程针对的是不懂技术又想搭建个人博客的小白，操作简单暴力且快速。当然懂技术那就更好了。
废话不多说了，开始进入正文。
快速开始
从注册一个Github账号开始
我采用的搭建博客的方式是使用 GitHub Pages + jekyll 的方式。
要使用 GitHub Pages，首先你要注册一个GitHub账号，GitHub 是全球最大的同性交友网站(吐槽下程序员~)，你值得拥有。
拉取我的博客模板
注册完成后搜索 ckjcode.gitee.io 进入仓库
点击右上角的 Fork 将仓库拉倒你的账号下
稍等一下，点击刷新，你会看到Fork了成功的页面
修改仓库名
点击settings进入设置
这时你在在浏览器中输入 你的Github账号名.github.io 例如:baiyingqiu.github.io
你将会看到如下界面
说明已经成功一半了,当然，还需要修改博客的配置才能变成你的博客。
若是出现
则需要 检查一下你的仓库名是否正确
整个网站结构
修改Blog前我们来看看Jekyll 网站的基础结构，当然我们的网站比这个复杂。
1 | ├── _config.yml |
很复杂看不懂是不是，不要紧，你只要记住其中几个OK了
_config.yml全局配置文件_posts放置博客文章的文件夹img存放图片的文件夹
其他的想继续深究可以看这里
修改博客配置
来到你的仓库，找到_config.yml文件,这是网站的全局配置文件。
点击修改
然后编辑_config.yml的内容
接下来我们来详细说说以下配置文件的内容：
基础设置
1 | # Site settings |
侧边栏
1 | # Sidebar settings |
社交账号
展示你的其他社交平台
在下面你的社交账号的用户名就可以了，若没有可不用填
1 | # SNS settings |
新加入了简书，jianshu_id 在你打开你的简书主页后的地址如：http://www.jianshu.com/u/e71990ada2fd中，后面这一串数字：e71990ada2fd
评论系统
博客中使用的是 Disqus 评论系统，在 官网 注册帐号后，按下面的步骤简单的配置即可：
进入 设置页面 配置个人信息
找到 Username
这个 Username 就是我们 _config.yml 中 disqus_username
1 | # Disqus settings（https://disqus.com/） |
很对人反映 Disqus 评论插件加载不出来，因为 Disqus 在国内加载缓慢，所以我新集成了 Gitalk 评论插件（感谢@FeDemo的推荐），喜欢折腾的朋友可以看这篇：《为博客添加 Gitalk 评论插件》。 我已经在
_config.yml配置就好了，只需要填写参数可以了。
网站统计
集成了 Baidu Analytics 和 Google Analytics，到各个网站注册拿到track_id替换下面的就可以了
oogle Analytics
若不想启用统计，直接删除或注释掉就可以了
1 | # Analytics settings |
好友
1 | friends: [ |
保存
讲网页拉倒底部，点击 Commit changes 提交保存
再次进入你的主页，
恭喜你，你的个人博客搭建完成了😀。
写文章
利用 Github网站 ，我们可以不用学习git，就可以轻松管理自己的博客
对于轻车熟路的程序猿来说，使用git管理会更加方便。。。
创建
文章统一放在网站根目录下的 _posts 的文件夹中。
创建一个文件
在下面写文章，和标题，还能实时预览，最后提交保存就能看到自己的新文章了。
格式
每一篇文章文件命名采用的是2017-02-04-Hello-2017.md时间+标题的形式，空格用-替换连接。
文件的格式是 .md 的 MarkDown 文件。
我们的博客文章格式采用是 MarkDown+ YAML 的方式。
YAML 就是我们配置 _config文件用的语言。
MarkDown 是一种轻量级的「标记语言」，很简单。花半个小时看一下就能熟练使用了
大概就是这么一个结构。
1 | --- |
Featured Tags
featured-tags: true # 是否使用首页标签
featured-condition-size: 1 # 相同标签数量大于这个数，才会出现在首页
1 |
|
~ $ gem install jekyll bundler
~ $ jekyll new my-awesome-site
~ $ cd my-awesome-site
~/my-awesome-site $ bundle install
~/my-awesome-site $ bundle exec jekyll serve
=> 打开浏览器 http://localhost:4000
1 |
|
$ gem install jekyll
$ gem install jekyll bundler
1 |
|
$ jekyll s
1 |
|
Auto-regeneration: enabled for ‘/Users/baiying/Blog’
Configuration file: /Users/baiying/Blog/_config.yml
Server address: http://127.0.0.1:4000/
Server running… press ctrl-c to stop.
```
你就可以在 http://127.0.0.1:4000/ 看到你的博客，你对本地博客的修改都会在这个地址进行显示，这大大提高了对博客的配置效率。
使用ctrl+c就可以停止 serve
Star
若本教程顺利帮你搭建了自己的个人博客，请不要 害羞，给我的 github仓库 点个 star 吧！
因为最近发现 Fork 将近破百，加上直接 Clone 仓库的，保守估计已经帮助上百人成功的搭建了自己的博客，可是 Star 却仅仅只有 12！可能还是做的不够好吧！现在已经破百了，感谢大家的Star！
别无他求，点个 Star 吧！
心满意足！
补充
修改网站的 icon
要修改如图所示的网站 icon：
在博客 img 目录下找到并替换 favicon.ico 这个图标即可，图标尺寸为32x32。
修改主页的座右铭
最近有不少小伙伴私信我：如何修改主页的座右铭？
就是这个：
很简单，找到博客目录下的 index.html 文件，修改这句话就可以了。
如何在博客文章中上插入图片
博客的文章用的是 MarkDown 格式，如果没用过 MarkDown 真的 强烈推荐 花半个小时学习一下。
MarkDown 中添加图片的形式是 :
例如：
就会显示下面这张图片
https://ws3.sinaimg.cn/large/006tNc79gy1fj9xhjzobbj30yg0my75z.jpg就是这张图片的URL，我们可以在浏览器输入这个URL找到或下载这张图片。
所以，要在 MacDown 中插入图片，这张图片就需要上传到图床（网上），然后在引
用这张图片的URL。
将图片上传到图床
Mac 上的图床神器：iPic
直接在App Store上下载，谁用谁知道！
使用方法很简单，直接拖动图片到 P 图标上，或者选中图片按快捷键 ⌘+U，就能请示上传。
上传成功就能直接粘贴图片的URL。
用 iPic 上传图片后，获取URL插入文章中就可以了。
推荐几个好用软件
MarkDown编辑器
MacDown：可能是Mac上最好的MacDown编辑器了
图片压缩工具
对于我们的博客来说，图片越大，加载速度越慢。
不信你用手机打开你的博客试试~
所以有必要对我们上传到博客网站中的图片：指的是你的头像，首页背景图片，文章背景图片等。对于博客文章中插入的图片，其实也可以压缩了再上传。
对博客中的所有图片进行压缩：
看看压缩结果，最高的一张压缩了78.7%，这简直是太可怕了！
好了，现在个人博客的加载速度估计要起飞了~
