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

推荐订阅源

腾讯CDC
N
Netflix TechBlog - Medium
aimingoo的专栏
aimingoo的专栏
P
Proofpoint News Feed
F
Fortinet All Blogs
大猫的无限游戏
大猫的无限游戏
I
InfoQ
V
V2EX
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
有赞技术团队
有赞技术团队
G
Google Developers Blog
L
LangChain Blog
博客园_首页
M
MIT News - Artificial intelligence
H
Hackread – Cybersecurity News, Data Breaches, AI and More
月光博客
月光博客
IT之家
IT之家
量子位
宝玉的分享
宝玉的分享
S
SegmentFault 最新的问题
Stack Overflow Blog
Stack Overflow Blog
V
Visual Studio Blog
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
雷峰网
雷峰网

辰渊尘站

苏州游记:一半江南,一半赛博 | 辰渊尘の博客 今天是0721哦,Ciallo~(∠・ω< )⌒☆ | 辰渊尘の博客 道歉信:关于 713 解锁视频中伪回锁内容的说明与反思 - 辰渊尘站 713解锁节来辣!小米17全系,k90pm又能解bl了 - 辰渊尘站 服务器面板迁移:从宝塔到 1Panel - 辰渊尘站 Subconverter 太臃肿?PHP 版轻量化替代来了! - 辰渊尘站 Astro框架Fuwari主题侧边栏添加Umami访问统计 Astro框架Fuwari主题侧边栏添加Umami访问统计 为Fuwari框架适配友链状态显示 为Fuwari框架适配友链状态显示 免费领取网易云音乐7天会员 免费领取网易云音乐7天会员 小米MiMo Token Plan免费送辣! 小米MiMo Token Plan免费送辣! Astro框架Fuwari主题实现仿hexo-abbrlink功能 Astro框架Fuwari主题实现仿hexo-abbrlink功能 观《鬼灭之刃:无限城篇 第一章 猗窝座再袭》首映有感 观《鬼灭之刃:无限城篇 第一章 猗窝座再袭》首映有感 为你anzhiyu主题的Twikoo评论系统恢复预览按钮 为你anzhiyu主题的Twikoo评论系统恢复预览按钮 山东泰安泰山游记:煌煌泰山景,谦谦君子风 山东泰安泰山游记:煌煌泰山景,谦谦君子风 安知鱼主题:修复背景图修改引发的深色模式可读性问题 安知鱼主题:修复背景图修改引发的深色模式可读性问题 安知鱼主题实现友链状态前端显示 安知鱼主题实现友链状态前端显示 我敲!优选DNS牛大了 我敲!优选DNS牛大了 安知鱼主题侧边栏添加无聊湾 安知鱼主题侧边栏添加无聊湾
从零开始使用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 %}

sudo apt update

sudo apt install nodejs npm

{% endtabs %}

安装Git#

{% tabs 安装Git %}

sudo apt update

sudo apt install git

{% endtabs %}

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

安装Hexo CLI#

执行完成后,输入:

确认是否成功安装。

创建博客文件夹#

初始化Hexo#

编译启动Hexo#

hexo cl

hexo generate

hexo s

shell显示如上即成功

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

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

尾声#

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

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

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

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