从“0”开始搭建个人博客(2)——Hexo的配置

Hexo 是一个简洁方便的轻量级博客框架。使用它，可以容易的通过MarkDown语法写出简洁美观的博客内容，同时Hexo也是一个开放的平台。有丰富的主题和功能可供使用。

概述

在《从“0”开始搭建个人博客(1)——基础操作》中已经介绍了如何建立本地Git仓库和GitHub Pages的相关使用。我们发现直接生成静态的Html页面不是一个明智的选择，所以这里我们借助一个博客框架(Hexo)来完成接下来的工作。

---

安装配置Hexo框架

安装Node.js

Hexo需要依赖Node.js。首先登陆官网,或者Node.js中文网下载对应的安装包。

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。

安装后可以在Git Bash中输入如下指令，查看Node.js 和npm是否安装完成，以及当前版本号。

$ node -v
v8.2.1   //nodejs 版本号

$ npm -v
5.3.0    //npm 版本号

Node.js 的包管理器 npm，是全球最大的开源库生态系统

接下来的Hexo安装需要用到npm。另外国内直接使用 npm 的官方镜像是非常慢。所以可以更改镜像源来提高访问速度。普遍使用淘宝源作替换。可执行如下代码：

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

之后可以通过命令,安装相应的软件包，比如Hexo。

$ cnpm install [name]

安装Hexo

通过一下命令来为系统安装Hexo。

$ npm install -g hexo

之后通过命令

$ hexo -version

可以查看Hexo版本号，确定是否安装成功。

之前的操作已经在GitHub账户中建立了一个名为your_username.github.io的仓库。接下来在本地想要存放博客系统的地方建立一个同名的本地文件夹(也可以是任意名字)。
在Git Bash中通过cd命令进入到当前刚才新建的目录下。执行如下命令

$ hexo init

这样本地的Hexo博客框架就安装好了，通过以下命令，可以开启本地服务。

$ hexo s

通过浏览器输入“localhost:4000”，来访问Hexo默认生成的页面，以及确认Hexo是否安成功。通过CTRL+C的组合键结束本地服务器。

---

利用Hexo框架书写博客

配置

Hexo的参数配置集中在当前目录下的 _config.yml 下。里面提供了很多自定义参数配置。这里我只说一下必须的配置。更多的参数配置可以查看官方文档。
重点是配置网站基本信息

# Site
title: 我是郝昊(￣▽￣)／
subtitle:
description:
author: haohao
language: zh-Hans
timezone: Asia/Shanghai

以及部署信息

# Deployment
deploy:
  type: git
  repo: https://github.com/hhyqhh/hhyqhh.github.io.git
  branch: master

命令

在书写之前，几个最常用的命令需要掌握，在在Git Bash中切换到博客存放的目录下，可以执行以下命令。

new

$ hexo new <title>

新建一篇文章。如果标题包含空格的话，请使用引号括起来。例如：

$ hexo new "我的第一篇博客"

可以看到，在当前目录下的\source_posts\会生成一个“我的第一篇博客.md”。之后就可以在这个文件中利用相关编译器结合MarkDown语法进行内容的书写。

generate

$ hexo generate

生成静态文件，也就是之后部署在GitHub Pages上的文件。

server

$ hexo server

启动服务器。访问网址localhost:4000可以在本地预览博客的内容和排版。同时这个命令最开始已经使用过。

deploy

$ hexo deploy

部署网站。将网站页面代码部署在GitHub上，之后就可以通过your_username.github.io访问了。

clean

$ hexo clean

清除缓存文件和已生成的静态文件.在某些情况（尤其是更换主题后），如果发现站点的更改无论如何也不生效，可能需要运行该命令。

缩写

之前的几个常用命令都有对应的缩写，方便使用

命令	缩写	备注
hexo generate	hexo g	生成页面
hexo server	hexo s	启动服务器
hexo deploy	hexo d	部署页面

步骤

有了之前的基础，就可以进行书写和部署了。
1. 通过 hexo new命令产生一个新的 xxxx.md文件。(也可以在目标目录下自己新建文件)
2. 在xxxx.md完成相关的内容书写。
3. 通过命令hexo s开启本地服务，通过浏览器访问http://localhost:4000预览效果。
4. 确认无误后通过hexo g生成页面文件。
5. 通过命令hexo d部署到GitHub上。

之后就可以通过 your_username.github.io 来进入你的博客了。

---

Hexo框架的支持众多主题，并且有丰富的自定义功能。更多的信息可以访问Hexo官网查阅学习。我之后也会书写关于主题设置，个性化配置，第三方功能引入（搜索、统计、评论、分享等功能）。

---

本文也发在我的个人微博（http://www.hhyqhh.top/）中，欢迎访问！