使用 Hexo 搭建个人独立博客

一.前言

一直在博客园写博客，已经写了几年了，博客园也挺好用的，用户多，阅读文章的也多，互动也多。但是自己总有一个想搭建一个独立博客的想法，作为一个 Coder，当然是想自己写，最终由于拖延症始终没写得出来。hexo 是一直知道的可以搭建博客的工具，但是一直没尝试过，最近试了一下，发现挺好用，并且搭建了我自己的独立博客，我将会写几篇文章分享我搭建的过程。

二.安装 hexo

hexo 是需要 nodejs 的环境的，它的工作原理是，通过脚本和渲染引擎等等将你的 markdown 文件生成静态 html 文件，输出的是一个纯静态的博客。当然相对于动态博客来说，他有很多不足，但是仔细调研下来，发现我的需求基本都是满足的，没有什么特别需求完全可以用它。

nodejs 推荐安装最新稳定版 16.x

Hexo 安装最新版 6.x

安装 Node

Windows 系统的同学可以访问 NodeJs 中文网下载安装包直接安装：http://nodejs.cn/download/

Mac OSX 系统的同学推荐安装 nvm，通过 nvm 来管理 nodejs 版本

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash

nvm install 16.15.1

安装好之后 check 一下

> node -v
v16.15.1
>npm -v
8.11.0

安装 Hexo CLI

直接使用 npm 安装

npm install -g hexo-cli

版本限制：

Hexo 版本	最低兼容 Node.js 版本
6.0+	12.13.0
5.0+	10.13.0
4.1 - 4.2	8.10
4.0	8.6
3.3 - 3.9	6.9
3.2 - 3.3	0.12
3.0 - 3.1	0.10 or iojs
0.0.1 - 2.8	0.10

三.Hello World

使用命令初始化你的博客

hexo init myblog

预览博客

cd myblog

npm i

hexo s

然后访问 localhost:4000就能看到你的博客了

四.目录解释

scaffolds

页面模板文件夹，默认包含了 draft、page、和 post 三种类型，可以理解为 PPT 母版。

source

资源文件夹，最常用的文件夹，所有的博客、页面、图片、自定义脚本等都可以放到次文件夹里。

文章都存储在 source/_posts 目录下，创建好博客以后可以使用 Typora 编写博客。

themes

存放主题的文件夹，下载的主题可以存放到里面，不过 hexo>= 5.0 支持通过 npm 直接安装主题，就不用手动下载了。

public

发布后的文件存放命令

五.配置

配置都在 _config,yml 文件里，主要配置如下：

title: 代码写诗 - 晓晨博客 # 博客 title
subtitle: ''
description: '晓晨的技术博客' # 博客描述 用于 SEO
keywords: 晓晨的技术博客# 博客关键字用于 SEO
author: 晓晨 # 作者，显示在文章页面
language: zh-CN
timezone: 'Asia/Shanghai'

url: https://xcmaster.com # 博客域名
root: / # 博客路径，放在子目录可以设置此路径 

# 其他设置暂时不用变更

六.常用命令

hexo new post hexo # 新建博客

hexo new post --path hexo/start # 新建博客到指定目录

hexo s # 预览博客

hexo g # 生成博客

hexo deploy # 发布博客

hexo clean # 清理

七.结束

欢迎访问我的博客查看效果 https://xcmaster.com