hexo+next博客搭建

---

本章概述：hexo+next博客搭建

---

一、环境准备

服务器环境：Ubuntu 20.04
nodejs版本：v18.3.0
npm版本：8.12.2
hexo版本：6.2.0
next主题版本：v8.12.1

二、开始安装

1、安装nodejs以及npm

关于nodejs和npm的安装，网上有很多的方法，我用的是源码安装，但是缺点就是make编译的时间很长，优点则是可以选择安装的版本。

nodejs18.3.0下载地址：https://nodejs.org/dist/v18.3.0/node-v18.3.0.tar.gz

下载完之后上传到服务器上，然后解压文件并安装

# 解压
tar xvf node-v18.3.0.tar.gz
# 安装
cd node-v18.3.0
./configure
make && make install
cp /usr/local/bin/node /usr/sbin/
# 更新npm
npm install -g npm

2、安装hexo

2.1、下载cnpm

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

2.2、使用cnpm安装hexo-cli

cnpm install -g hexo-cli

三、生成hexo博客

1、初始化hexo博客

在博客的目录下操作，我的博客目录是hexo_blog，这个自定义就好了

hexo init

执行完命令后我们就成功的初始化了一个博客，启动后就可以访问。但是一般初始化后的hexo版本并不是最新的，像我刚开始初始化后的版本是5.4.2，所以如果想更新hexo及插件版本的话可以接着往下看更新hexo的内容

2、更新hexo及插件版本

cnpm install -g npm-check
cnpm install -g npm-upgrade
npm-check
npm-upgrade
# 更新 hexo 及所有插件
cnpm update
# 确认 hexo 已经更新
hexo -v

我升级后的最新版本是hexo6.2.0，其他插件版本这里就不列出来了

3、下载next主题及使用

3.1、下载

下载地址：https://github.com/next-theme/hexo-theme-next/archive/refs/tags/v8.12.1.tar.gz

下载完之后进行解压缩，然后重命名为next，最后放在博客目录的themes目录下

3.2、使用

在博客目录下，编辑_config.yml文件，该文件叫做站点配置文件，在next主题目录下也有一个_config.yml文件，这个文件叫做主题配置文件。在站点文件找到theme配置项，改成next即可。

# 原来的值是landscape
theme: next

4、本地运行博客

在博客目录下执行以下命令

hexo clean && hexo g && hexo s

如果这里报错显示缺少部分模块的话，请执行npm install安装依赖

上面的命令可以在本地热启动一个web服务器，主要用于预览页面。我们可以将博客代码推送到github或者gitee，推送其实也很简单，github上面新建一个代码库，设置为共享然后开启pages功能，站点配置文件则在deploy配置项中配置相关内容即可。

deploy:
- type: git
  repo:  
     github: git@github.com:xxxxx/blog.git
  branch: master