Hexo 搭建个人博客（ubuntu20.04）

Vane Zhang2024-06-19 13:24

首先登录NodeSource官网： Nodesource Node.js DEB

按照提示安装最新的 Node.js 及其配套版本的 npm。

（1）以 sudo 用户身份运行下面的命令，下载并执行 NodeSource 安装脚本：

bash 复制代码

sudo curl -fsSL https://deb.nodesource.com/setup_20.x | sudo bash -

这个脚本将会添加 NodeSource 的签名 key 到你的系统，创建一个 apt 源文件，安装必备的软件包，并且刷新 apt 缓存。

（2）NodeSource 源启用成功后，安装 Node.js 和 npm:

bash 复制代码

sudo apt install nodejs

nodejs 软件包同时包含 node 和 npm 二进制包。

（3）验证 Node.js 和 npm 是否正确安装。打印它们的版本号：

bash 复制代码

node -v
npm -v

（1）安装 hexo

bash 复制代码

sudo npm install hexo-cli -g
sudo npm install hexo -g

查看 hexo 的版本：

bash 复制代码

hexo -v

（2）测试 hexo

① 创建 hexo 工作目录

bash 复制代码

mkdir -p ~/blog
cd ~/blog

② 初始化 hexo

bash 复制代码

hexo init
sudo npm install

③ 部署 hexo

bash 复制代码

hexo clean
hexo g
hexo s

④ 验证 hexo

在浏览器地址栏输入 "localhost:4000"，如见下图则表示 hexo 部署成功：

（1）hexo 创建新文章

bash 复制代码

hexo new [title]

（2）hexo 删除文章

进入 ~/blog/source/_post 目录下删除对应文章的 md 文件即可

（3）hexo 文章中插入图片

① 安装 hexo-renderer-marked 插件

bash 复制代码

sudo npm install hexo-renderer-marked --save

② 修改 ~/blog/ 目录下的 _config.yml 文件

bash 复制代码

post_asset_folder: true
marked:
  prependRoot: true
  postAsset: true

③ 在文章中添加图片（注意图片名不要加路径）

bash 复制代码

![img](logo.jpg)

补充：图片存放到文章对应的目录中即可。