使用Hexo快速搭建个人博客

作为一枚程序猿，可以通过写博客对最近一段时间工作和学习进行总结，同时也了提高表达能力。更重要的是在分享过程中，可以结交一些朋友，所以最近打算搭建一个博客网站。通过调研，使用Hexo(基于node.js的静态博客框架)+Github.io(用于部署网站的空间资源)可快速部署博客网站。本文基于MacOS环境搭建,自带Git,所以不需要再下载安装。

• 申请GitHub并创建相应的代码仓库
• Hexo安装
  
  • 安装Node
  • 安装Hexo
  • 测试是否安装成功
• Hexo基本配置
  
  • 配置网站的基本信息
  • 配置部署信息
• 新建文章并发布
• Hexo目录结构
• Hexo常用命令
• 更换主题
• 参考文章

申请GitHub并创建相应的代码仓库

第一步：申请GitHub账号，并配置本地的git环境。

$ ssh-keygen # 生成秘钥，一路回车即可
$ cat ~/.ssh/id_rsa.pub # 生成的秘钥

将生成的秘钥拷贝到github的SSHKyes

第二步：创建代码仓库,用于部署网站的空间资源。
建立名为[github用户名.github.io]的仓库

Hexo安装

安装Node

由于Hexo是基于node.js的静态博客框架，所以需要安装Node。可通过以下两种方法实现快速安装：

方案1 下载Node.js，双击该文件，然后无脑点击下一步即可；

方案2 终端上使用brew进行安装。

$ brew install node

安装Hexo

$ sudo npm install -g hexo

测试是否安装成功

创建文件夹，如clelandgt.github.io

$ mkdir clelandgt.github.io

初始化该博客后台,并启动。

$ cd clelandgt.github.io
$ hexo init  # 初始化
$ hexo server

浏览器输入http://localhost:4000。如能正常访问，则表示Hexo安装成功

Hexo基本配置

hexo的基本配置通过编辑_config.yml文件实现,这里主要修改以下两个部分。

配置网站的基本信息

# Site
title: cleland的杂货铺
subtitle: cleland的杂货铺
description: 技术分享与生活随笔
author: cleland
language: zh-CN
timezone: Asia/Shanghai

其中的language的设置参考语言；timezone的设置参考时区

配置部署信息

deploy:
  type: git
  repo: https://github.com/clelandgt/clelandgt.github.io.git
  branch: master

这里是部署到github.io，所以需要安装插件

$ npm install --save hexo-deployer-git

新建文章并发布

运行新建文件命令，并指定文件名：

$ hexo new 使用Hexo搭建个人博客

会生成文件：‘./source/_posts/使用Hexo搭建个人博客.md’。然后生成相应的静态文件

$ hexo g
$ hexo server # 启动本地服务,浏览器输入http://localhost:4000 进行预览

部署网站

$ hexo d

浏览器中输入clelandgt.github.io, 查看刚刚发布的文章。

如想自定义域名，可先在万网上申请一个域名，如本文申请的为www.cleland.club。然后使用阿里云的域名解析

在source目录下创建CNAME文件，并键入需绑定的域名

www.cleland.club

将CNMAE文件部署到网站

hexo d

浏览器输入访问刚设定的自定义域名，如本文的www.cleland.club。

ps: 使用这种方式可避免对网站进行备案，但最好还是备案。因为后面涉及一些第三方插件的注册时需要备案信息的，如添加畅言的评论功能时，是需要网站的备案信息的。

hexo的安装与部署到此为止，后面是hexo基础和一些使用方法的介绍。

Hexo目录结构

clelandgt.github.io  # 项目跟目录
├── _config.yml  # 配置文件：网站相关的设置，均在这里配置
├── db.json
├── node_modules
├── package-lock.json
├── package.json
├── public
├── scaffolds
├── source  # 存放资源文件，如文章或是文章涉及的一些图片。
└── themes  # 存在网站的主题，可从[官方主题](https://hexo.io/themes/)中下载喜欢的主题，然后在_config.yml中申明一下就行。

Hexo常用命令

$ hexo new 'post_name' # 新建文章
$ hexo generate # 生成静态文件，简写g
$ hexo deploy # 将.deplog目录部署到github上，简写d
$ hexo server # 开启预览访问接口
$ hexo version # 查看hexo版本
$ hexo help # 查看帮助

更换主题

这里选用一个比较主流的主题yilia

$ cd themes
$ git clone https://github.com/litten/hexo-theme-yilia
$ mv hexo-theme-yilia yilia

修改_config.yml的主题申明

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: yilia

yilia主题也可以自定配置一些功能，可通过修改主题目录下的_config.yml(非项目根目录下)配置文件。

参考文章

hexo官网中文文档