hexo-next.md

title	date	tag
hexo搭建个人博客+NexT主题	2020-11-27	博客搭建

::: tip 拉个Star

• 如果本知识库的内容帮助到你，还请点个免费的Star，感谢。传送门：GitHub :::

1 hexo简介

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，生成静态网页。 --Hexo官网

2 hexo安装

安装hexo需要先安装node.js和Git

2.1 安装node.js

Node.js 版本需不低于 10.13，建议使用 Node.js 12.0 及以上版本

通过node.js官网下载安装版进行安装，选择14.15.1长期支持版 官网：Node.js

安装过程与普通软件安装没有差别，一路next。

2.2 安装Git

通过Git官网下载Git安装版进行安装，安装版本2.29.2 官网：Git (git-scm.com)

2.3 正式安装hexo

安装好node.js和Git之后就可以开始进行hexo的安装

npm install -g hexo-cli

安装成功之后可以在cmd命令行中输入hexo，查看是否安装成功

出现如下提示则表示安装成功。

3 使用hexo搭建博客

3.1 初始化

在Windows中创建一个文件夹，作为想要搭建的博客的根目录，比如我的就是 D:\blog\hexo

在cmd中进入根目录下，使用如下命令初始化，该命令会在根目录下创建hexo所需的文件

hexo init

创建完成之后的目录如下所示：

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

其中_config.yml称为站点配置文件，对应的，themes/_config.yml称为主题配置文件。 简单解释下两个配置文件。根目录下的_config.yml是对整个博客站点的内容进行设置。hexo的博客可以指定多种主题，主题的配置是通过themes/_config.yml进行设置的。

3.2 启动hexo

使用如下命令可以启动hexo，进行快速效果预览。

hexo server

可以看到出现如下提示：

)

浏览器访问localhost:4000可以看到博客搭建成功。

4. 使用NexT主题

hexo可以通过指定不同的主题，达到更换博客风格的目的。hexo的主题可以访问Themes | Hexo

本次选用Text主题。

4.1 下载NexT主题

我们通过Git来下载。

在cmd目录下进入根目录，使用如下命令。

git clone https://github.com/iissnan/hexo-theme-next themes/next

下载完毕后可以看到themes目录下多了一个next文件夹

hexo把所有的主题都放在了themes文件夹里面，所以通常的做法就是把想要使用的主题放到在themes目录下面，之后去站点配置文件里面进行主题的设置。

4.2 设置站点配置文件，进行主题更换

打开站点配置文件_config.yml, 可以使用查找功能定位到themes关键字，修改为如下：

theme: next

4.3 启动博客进行验证

输入hexo server启动博客，可以看到主题已经更换为NexT主题。

下图的NexT主题经过了其他设置，所以你的主题可能和我看起来有点不一样