手把手教你搭建Hexo博客

Hexo 工作原理

Hexo 博客程序并不像 WordPress 一样,Hexo 更像是一个静态站点生成器,即你配置好网站后,利用 Hexo 可以自动生成一个静态网站,其静态站点位置在网站目录下的 public 目录下。

准备工作

准备工作包含两部分:安装 Git,安装 Node.js。

安装Git

yum install -y git
git version  #显示版本号即为安装成功

安装Node.js

首先在Node.js官方网站寻找适合自己服务器相应版本的下载地址。

wget https://nodejs.org/dist/v14.15.4/node-v14.15.4-linux-x64.tar.xz
tar xf node-v14.15.4-linux-x64.tar.xz
mv node-v14.15.4-linux-x64 /usr/local/nodejs
rm -f node-v14.15.4-linux-x64.tar.xz

之后设置软连接,方便以后调用命令。

ln -s /usr/local/nodejs/bin/node /usr/local/bin/node
ln -s /usr/local/nodejs/bin/npm /usr/local/bin/npm
ln -s /usr/local/nodejs/bin/npx /usr/local/bin/npx

因为国内使用npm速度慢,所以更换下npm的源指向淘宝镜像,所以之后使用cnpm即可

npm install -g cnpm --registry=https://registry.npm.taobao.org
ln -s /usr/local/nodejs/bin/cnpm /usr/local/bin/cnpm

检查是否安装成功,键入下面命令后显示版本号即对应安装成功

node -v
npm -v
cnpm -v

安装Hexo

cnpm install -g hexo-cli
ln -s /usr/local/nodejs/bin/hexo /usr/local/bin/hexo
hexo -v		#显示版本号即安装成功

建站及配置

cd ~
mkdir hexo
hexo init hexo/
cd hexo
npm install

网站信息在_config.yml文件中,详情参照Hexo使用文档。

发布网站

hexo g	#生成静态网站

网站目录为目录中的public目录。

后续使用

之后每次发布文章,仅需将编辑好的md文件上传至建站所选目录下的source/_posts/下,之后使用hexo g 更新网站即可。

注意:安装cnpm成功,终端却提示无法找到cnpm命令解决办法
出现这种问题应该是没正确建立软链,我们手动建立一下
先查到cnpm安装在哪

sudo find / -name cnpm 

如果查到安装位置为:/usr/local/bin/Node.js/bin/cnpm
建立软链

sudo ln -s /usr/local/bin/Node.js/bin/cnpm /usr/local/bin/cnpm 

问题即可解决。