使用 Hexo 搭建个人博客
记录一次从零搭建个人博客的完整流程,方案为 Hexo 生成静态站点 + GitHub 存代码 + Vercel 免费托管
记录一次从零搭建个人博客的完整流程,方案为:Hexo 生成静态站点 + GitHub 存代码 + Vercel 免费托管。
环境准备
- Node.js(Hexo 运行环境)
- Git(版本控制)
- GitHub 账号
- Vercel 账号(用 GitHub 账号直接登录即可)
本地初始化
npm install -g hexo-cli
hexo init my-blog
cd my-blog
npm install
本地预览:
hexo server
浏览器打开 http://localhost:4000 即可看到默认页面。
配置站点
编辑根目录 _config.yml:
title: 我的独立博客
subtitle: 记录思考,分享技术
author: 你的名字
language: zh-CN
timezone: Asia/Shanghai
theme: next
更换主题
将主题克隆到 themes/ 目录,并修改 _config.yml 中的 theme: 字段。
写第一篇文章
hexo new "我的第一篇文章"
编辑 source/_posts/ 下生成的 Markdown 文件,使用 front-matter 声明分类和标签:
---
title: 我的第一篇文章
categories:
- 技术
tags:
- Hexo
---
部署到 Vercel
- 推送代码到 GitHub 仓库;
- 在 Vercel 导入该仓库,框架会自动识别为 Hexo;
- 构建命令
hexo generate,输出目录public; - 等待约一分钟,即可通过
xxx.vercel.app访问; - 绑定自定义域名后,在
_config.yml中更新url字段。
小结
静态博客虽然需要学习 Git 和 Markdown,但换来的是免费、极速、安全且完全自主可控,非常值得。
这就是本博客的搭建全过程,希望对你也有帮助。