从零开始使用 Hexo 框架搭建属于你的博客（一）环境准备篇

小尘AI正在绞尽脑汁想思路ING···
小尘のAI摘要
Deepseek-Chat

在上一篇「准备篇」中，我们已经聊过了搭建博客的动机、Hexo 是什么、适合谁用、以及部署的大致方向。这篇教程将正式带你动手，从最基础的环境配置开始，为你的 Hexo 博客打好地基。

注意：本片教程基于 Arch Linux，大多动作通用，遇到不通用的地方我会列出常见发行版的对应命令，要是发现没列出你使用的发行版命令建议自行 必应 or Google 或者 ChatGPT or DeepSeek，不要使用百度！！！

准备阶段

安装 VSCode

1
yay -S visual-studio-code-bin
1
2
3
4
5
6
7
8
sudo apt update
sudo apt install software-properties-common apt-transport-https curl
wget -qO- https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > microsoft.gpg
sudo install -o root -g root -m 644 microsoft.gpg /etc/apt/trusted.gpg.d/
rm microsoft.gpg
sudo sh -c 'echo "deb [arch=amd64 signed-by=/etc/apt/trusted.gpg.d/microsoft.gpg] https://packages.microsoft.com/repos/vscode stable main" > /etc/apt/sources.list.d/vscode.list'
sudo apt update
sudo apt install code

安装 Node.js and npm

1
yay -S nodejs npm
1
2
sudo apt update
sudo apt install nodejs npm

安装 Git

1
yay -S git
1
2
sudo apt update
sudo apt install git

初始化 Hexo 项目

完成以上环境后，就可以初始化本地 Hexo 项目了！

安装 Hexo CLI

1
npm install -g hexo-cli

执行完成后，输入：

1
hexo -v

确认是否成功安装。

创建博客文件夹

1
2
mkdir my-blog
cd my-blog

初始化 Hexo

1
2
hexo init
npm install

编译启动 Hexo

1
2
3
hexo cl
hexo generate
hexo s

shell 显示如上即成功

随后浏览器访问 http://localhost:4000/

你就可以看到你的博客页啦！

尾声

自此，博客基础框架搭建完成，既然说了是框架了，自然要往里添东西，我们下一篇就教大家如何配置 anzhiyu 主题并个性化设置属于自己的主页等等

接下来将是系列教程内容规划：

  • 环境准备篇：安装 Hexo 所需环境，初始化本地项目；
  • 主题配置篇：选用适合自己的主题，定制首页样式；
  • 部署上线篇：绑定 Cloudflare Pages，首次上线；
  • 后端服务篇：部署评论系统与访问统计；
  • 进阶技巧篇：添加搜索功能、自定义短链、SEO 优化；
  • 终章：暂时不透露 :)

参考资料（排名不分先后）