本站所有源码均为自动秒发货,默认(百度网盘)
Hexo是一款基于Node.js的快速、简洁且高效的静态博客框架。它通过Markdown编写文章,一键生成静态HTML页面,无需数据库支撑,加载速度快、安全性高,是技术爱好者搭建个人博客的热门选择。
与动态博客相比,Hexo生成的静态文件直接部署在服务器上,避免了动态解析的性能损耗,同时也降低了被黑客攻击的风险。此外,Hexo拥有丰富的主题插件生态,能轻松打造个性化的博客界面。
☁️ 为什么选择GitHub Pages托管?
GitHub Pages是GitHub提供的免费静态网站托管服务,完美适配Hexo生成的静态文件。它不仅提供稳定的服务器资源,还支持自定义域名,让你的博客拥有专属标识。
使用GitHub Pages托管Hexo博客,无需额外购买服务器和域名(当然也可自行绑定),借助GitHub的全球CDN节点,能让世界各地的访客都快速访问你的博客。同时,Git版本控制还能轻松备份和管理博客源码。
📦 搭建前的准备工作
在开始搭建前,需要准备以下工具和账号:
- Node.js环境:Hexo基于Node.js开发,需安装Node.js和npm包管理工具
- Git工具:用于将Hexo生成的静态文件推送到GitHub Pages
- GitHub账号:用于创建GitHub Pages仓库
- Markdown编辑器:如VS Code、Typora等,用于编写博客文章
安装完成后,可通过以下命令验证环境:
node -v # 查看Node.js版本
npm -v # 查看npm版本
git --version # 查看Git版本🚀 第一步:初始化Hexo项目
- 打开终端,执行以下命令安装Hexo-cli:
npm install -g hexo-cli- 创建博客目录并初始化项目:
mkdir my-hexo-blog && cd my-hexo-blog
hexo init
npm install- 启动本地服务器预览博客:
hexo s在浏览器中访问http://localhost:4000,即可看到默认的Hexo博客界面。
🔗 第二步:关联GitHub Pages仓库
- 在GitHub上创建一个新仓库,仓库命名格式为
用户名.github.io(如octocat.github.io) - 配置Hexo的部署信息,打开博客目录下的
_config.yml文件,修改deploy部分:
deploy:
type: git
repo: https://github.com/ 用户名/用户名.github.io.git
branch: main- 安装Hexo部署插件:
npm install hexo-deployer-git --save📝 第三步:发布第一篇博客文章
- 使用Hexo命令创建新文章:
hexo new "我的第一篇Hexo博客"该命令会在source/_posts目录下生成一个Markdown文件。
- 使用Markdown编辑器打开该文件,编写文章内容:
---
title: 我的第一篇Hexo博客
date: 2026-03-24 18:00:00
tags:
- Hexo
- GitHub Pages
categories:
- 技术教程
---
这是我使用Hexo搭建的第一篇博客文章,记录了从0到1搭建博客的全过程...
- 生成静态文件并部署到GitHub Pages:
hexo clean && hexo g && hexo d执行完成后,访问https://用户名.github.io,即可看到发布的博客文章。
🎨 第四步:个性化配置与主题更换
- 基础配置:修改
_config.yml文件中的网站标题、副标题、作者信息等,打造专属博客标识 - 主题更换:在Hexo官方主题市场选择喜欢的主题,下载到
themes目录,修改_config.yml中的theme字段即可切换 - 插件扩展:安装Hexo插件扩展博客功能,如
hexo-generator-sitemap生成站点地图,hexo-wordcount统计文章字数等
💡 日常维护与写作技巧
- 文章备份:定期将博客源码推送到GitHub仓库,避免数据丢失
- 本地预览:写作过程中使用
hexo s命令实时预览文章效果 - 标签分类:合理使用标签和分类,帮助访客快速找到感兴趣的内容
- 图片管理:将图片统一存放在
source/images目录,使用相对路径引用
🎯 总结
Hexo+GitHub Pages的组合,为技术爱好者提供了一个免费、高效、个性化的博客搭建方案。从环境准备到文章发布,整个流程清晰易懂,即使是新手也能快速上手。
搭建完成后,你不仅拥有了一个展示技术成果的平台,还能通过博客记录学习历程、分享知识经验。快来开启你的静态博客之旅吧!