一、环境准备
服务器环境: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
上面的命令可以在本地热启动一个web服务器,主要用于预览页面。我们可以将博客代码推送到github或者gitee,推送其实也很简单,github上面新建一个代码库,设置为共享然后开启pages功能,站点配置文件则在deploy配置项中配置相关内容即可。
deploy:
- type: git
repo:
github: git@github.com:xxxxx/blog.git
branch: master