惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
人人都是产品经理
人人都是产品经理
Cisco Talos Blog
Cisco Talos Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
V
V2EX
博客园 - 三生石上(FineUI控件)
Martin Fowler
Martin Fowler
WordPress大学
WordPress大学
D
Docker
S
SegmentFault 最新的问题
博客园 - 聂微东
美团技术团队
Apple Machine Learning Research
Apple Machine Learning Research
月光博客
月光博客
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Last Week in AI
Last Week in AI
M
MIT News - Artificial intelligence
F
Fortinet All Blogs
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
The GitHub Blog
The GitHub Blog
GbyAI
GbyAI
L
LangChain Blog
Vercel News
Vercel News
博客园 - 叶小钗
MongoDB | Blog
MongoDB | Blog
Stack Overflow Blog
Stack Overflow Blog
H
Help Net Security
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
The Cloudflare Blog
Engineering at Meta
Engineering at Meta
T
Threat Research - Cisco Blogs
T
Threatpost
Scott Helme
Scott Helme
T
Tailwind CSS Blog
Latest news
Latest news
Stack Overflow Blog
Stack Overflow Blog
Blog — PlanetScale
Blog — PlanetScale
The Register - Security
The Register - Security
罗磊的独立博客
P
Proofpoint News Feed
腾讯CDC
S
Schneier on Security
雷峰网
雷峰网
A
About on SuperTechFans
T
Tenable Blog
F
Full Disclosure
Cyberwarzone
Cyberwarzone
博客园_首页
有赞技术团队
有赞技术团队
K
Kaspersky official blog

文章列表

Astro框架Fuwari主题侧边栏添加Umami访问统计 为Fuwari框架适配友链状态显示 免费领取网易云音乐7天会员 小米MiMo Token Plan免费送辣! Astro框架Fuwari主题实现仿hexo-abbrlink功能 观《鬼灭之刃:无限城篇 第一章 猗窝座再袭》首映有感 为你anzhiyu主题的Twikoo评论系统恢复预览按钮 山东泰安泰山游记:煌煌泰山景,谦谦君子风 安知鱼主题:修复背景图修改引发的深色模式可读性问题 安知鱼主题实现友链状态前端显示 我敲!优选DNS牛大了 安知鱼主题侧边栏添加无聊湾 记录下Hexo博客从本地构建迁移到Netlify,AI API Key 泄露问题与解决方案记录 云服务器宝塔部署Twikoo博客评论系统 手把手教你在Linux系统下部署MCSManager并搭建一个MC服务器 为你的Twikoo添加酷安表情包 记录一次博客评论迁移过程 记一次花嫁联名借记卡申领过程 为使用anzhiyu主题的博客加上十年之约进度条 有关建站一个月以来的一点点感想和后续计划
从零开始使用Hexo框架搭建属于你的博客(一)环境准备篇
辰渊尘 · 2025-09-13 · via

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

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

准备阶段#

安装 VSCode#

{% tabs 安装 VSCode %}

yay -S visual-studio-code-bin

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

{% endtabs %}

安装 Node.js and npm#

{% tabs 安装 Node.js、npm %}

yay -S nodejs npm

sudo apt update

sudo apt install nodejs npm

{% endtabs %}

安装 Git#

{% tabs 安装 Git %}

yay -S git

sudo apt update

sudo apt install git

{% endtabs %}

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

安装 Hexo CLI#

npm install -g hexo-cli

执行完成后,输入:

hexo -v

确认是否成功安装。

创建博客文件夹#

mkdir my-blog

cd my-blog

初始化 Hexo#

hexo init

npm install

编译启动 Hexo#

hexo cl

hexo generate

hexo s

shell显示如上即成功

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

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

尾声#

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

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

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

参考资料(排名不分先后)#