从零开始使用Hexo框架搭建属于你的博客(一)环境准备篇
在上一篇「准备篇」中,我们已经聊过了搭建博客的动机、Hexo 是什么、适合谁用、以及部署的大致方向。这篇教程将正式带你动手,从最基础的环境配置开始,为你的 Hexo 博客打好地基。
注意:本片教程基于Arch Linux,大多动作通用,遇到不通用的地方我会列出常见发行版的对应命令,要是发现没列出你使用的发行版命令建议自行 必应 or Google 或者 ChatGPT or DeepSeek,不要使用百度!!!
准备阶段
安装VSCode
{% tabs 安装VSCode %}
yay -S visual-studio-code-binsudo apt updatesudo apt install software-properties-common apt-transport-https curlwget -qO- https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > microsoft.gpgsudo install -o root -g root -m 644 microsoft.gpg /etc/apt/trusted.gpg.d/rm microsoft.gpgsudo 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 updatesudo apt install code{% endtabs %}
安装Node.js and npm
{% tabs 安装Node.js、npm %}
yay -S nodejs npmsudo apt updatesudo apt install nodejs npm{% endtabs %}
安装Git
{% tabs 安装Git %}
yay -S gitsudo apt updatesudo apt install git{% endtabs %}
初始化 Hexo 项目
完成以上环境后,就可以初始化本地 Hexo 项目了!
安装Hexo CLI
npm install -g hexo-cli执行完成后,输入:
hexo -v确认是否成功安装。
创建博客文件夹
mkdir my-blogcd my-blog初始化Hexo
hexo initnpm install编译启动Hexo
hexo clhexo generatehexo s
随后浏览器访问 http://localhost:4000/

尾声
自此,博客基础框架搭建完成,既然说了是框架了,自然要往里添东西,我们下一篇就教大家如何配置anzhiyu主题并个性化设置属于自己的主页等等
接下来将是系列教程内容规划:
- 环境准备篇:安装 Hexo 所需环境,初始化本地项目;
- 主题配置篇:选用适合自己的主题,定制首页样式;
- 部署上线篇:绑定 Cloudflare Pages,首次上线;
- 后端服务篇:部署评论系统与访问统计;
- 进阶技巧篇:添加搜索功能、自定义短链、SEO 优化;
- 终章:暂时不透露 :)
参考资料(排名不分先后)
从零开始使用Hexo框架搭建属于你的博客(一)环境准备篇
https://blog.mcxiaochen.top/posts/pe305/