Hexo 搭建个人博客(ubuntu20.04)

1 安装 Nodejs 和 npm

首先登录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

2 安装 Hexo

(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 部署成功:

3 使用 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)

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

4 参考

Asset Folders | Hexo

如何在 Ubuntu 20.04 上安装 Node.js 和 npm-阿里云开发者社区 (aliyun.com)

相关推荐
郝学胜-神的一滴25 分钟前
Linux系统函数link、unlink与dentry的关系及使用注意事项
linux·运维·服务器·开发语言·前端·c++
Pota-to成长日记34 分钟前
2025/10/14 redis断联 没有IPv4地址 (自用)
linux·运维·服务器
樱木...37 分钟前
Linux 查询目录下文件大小引发的内存溢出问题
linux·运维
.小墨迹38 分钟前
linux删除通过源码安装的库
linux·运维·chrome
~黄夫人~1 小时前
Ubuntu系统快速上手命令(详细)
linux·运维·笔记·ubuntu·postgresql
发光的沙子1 小时前
FPGA----petalinux的Ubuntu文件系统移植
linux·运维·ubuntu
lili-felicity1 小时前
解决VMware Workstation Pro 17中Ubuntu 24.04无法复制粘贴
linux·运维·ubuntu
Lzc7741 小时前
Linux网络的应用层自定义协议
linux·应用层自定义协议与序列化
虚伪的空想家2 小时前
HUAWEI A800I A2 aarch64架构服务器鲲鹏920开启虚拟化功能
linux·运维·服务器·显卡·npu·huawei·鲲鹏920
笨蛋少年派2 小时前
将 MapReduce 程序打成 JAR 包并在 Linux 虚拟机的 Hadoop 集群上运行
linux·jar·mapreduce