GitHub+Hexo博客搭建及优化

优快云仅用于增加百度收录权重，排版未优化，日常不维护。请访问：www.hceng.cn 查看、评论。
本博文对应地址: https://hceng.cn/2017/03/06/GitHub+Hexo搭建及优化/

本文主要是记录本博客的搭建和优化。

为什么做独立博客？
我想大概就是激励自己去持续学习和思考。

---

首先说下本博客搭建的大致流程:
1.有一个GitHub账号，同时配置GitHub Pages；
2.安装、配置Hexo；
3.配置博客、Markdown写文章；
4.绑定自己域名（可选）；
5.优化日常操作（可选）；

---

1.Github Pages

Github Pages是GitHub提供的免费静态站点；
　　创建Github Pages后，在里面存放网页源码，然后在对应网址就可看到对应网页效果；
　　使用GitHub账号创建一个仓库，但是这个仓库是有规则的，其格式必须为：yourusername.github.io；

注：

• yourusername必须是自己的GitHub账号名；
• 类型只能选Public；

---

2.安装、配置Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。
1、安装 Node.js;
2、下载Cmder代替Windows自带cmd;
3、安装 Git;
4、添加本机密钥到GitHub;
5、安装完成后，在开始菜单里找到“Git”->“Git Bash”，在Git上设置username和email；
其中3-5步在前一篇博文Git日常使用小结中已设置过了，无需再设置。
6、安装 Hexo：使用 npm 安装 Hexo。
{% codeblock lang:shell%}
$ npm install -g hexo-cli
{% endcodeblock %}
至此，已经安装完Hexo,后续进行相关配置。
7、在电脑上选一个盘，建个文件夹存放博客数据，例我的：E:\blog；然后打开cmder，输入:
{% codeblock lang:shell%}
$ e: & cd blog #进入所建文件夹
$ hexo init blog #初始化blog
{% endcodeblock %}
成功初始化blog后将出现：
{% codeblock lang:shell%}
INFO Start blogging with Hexo!
{% endcodeblock %}
8、最后再生成静态网页，即可看到网页模板：
{% codeblock lang:shell%}
$ hexo generate # 启动本地服务器
$ hexo server # 在浏览器输入 http://localhost:4000/就可以看见网页和模板了
{% endcodeblock %}
完成后，将会看到如下提示：
{% codeblock lang:shell%}
INFO Start processing
INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
{% endcodeblock %}
此时，打开浏览器，输入http://localhost:4000/就可以看见默认的网页和模板了。

---

3.配置博客、发表文章

在blog目录下，用Sublime Text(使用它的原因是默认是UTF-8编码，中文不会乱码)打开**_config.yml**文件，修改参数信息；

注：
在每个参数的"："后都要加一个空格修改网站相关信息;

3.1修改网站相关信息：

{% codeblock lang:css%}

Site

title: hceng blog
subtitle: Linux/Android驱动
description: 生命不息、折腾不止
author: hceng
language: zh-CN
timezone: Asia/Shenzhen
{% endcodeblock %}

3.2修改配置部署相关信息：

{% codeblock lang:css%}

Deployment

Docs: https://hexo.io/docs/deployment.html

deploy:

• type: git
  repo: ‘git@github.com:hceng/hceng.github.io.git’
  branch: master
• type: git
  repo: ‘git@git.coding.net:hceng/hceng.git’
  branch: coding-pages
  {% endcodeblock %}
  　　这里由于我同时提交到了GitHub和Coding,用于测试百度收录，所以有两个，写一个也没事。

注:如果在执行 hexo deploy 后,出现 error deployer not found:github(git) 的错误，执行：

{% codeblock lang:shell%}
$ npm install hexo-deployer-git --save
{% endcodeblock %}

3.3修改主题：

为了让博客更加美观和符合自己需求，可以修改Hexo主题来满足自己需求。Hexo 安装主题的方式非常简单，只需要将主题文件放置于站点目录的 themes 目录下，然后修改下配置文件即可。
　　Hexo 有两份主要的配置文件（_config.yml），一份位于站点根目录下，另一份位于主题目录下。为了描述方便，在以下说明中，将前者称为 站点配置文件，后者称为 主题配置文件。
　　下载hexo-theme-yilia主题,解压放入themes文件夹下，如：E:\blog\blog\themes，根据自己需求修改主题配置文件，最后再修改站点配置文件里的theme:
{% codeblock lang:css%}

Extensions

Plugins: https://hexo.io/plugins/

Themes: https://hexo.io/themes/

theme: hexo-theme-yilia
{% endcodeblock %}
　　在主题配置文件里，修改头像、颜色、标签等，都有相应的注释写得非常清楚，按需修