返回归档
精选文章

使用 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

  1. 推送代码到 GitHub 仓库;
  2. 在 Vercel 导入该仓库,框架会自动识别为 Hexo;
  3. 构建命令 hexo generate,输出目录 public
  4. 等待约一分钟,即可通过 xxx.vercel.app 访问;
  5. 绑定自定义域名后,在 _config.yml 中更新 url 字段。

小结

静态博客虽然需要学习 Git 和 Markdown,但换来的是免费、极速、安全且完全自主可控,非常值得。

这就是本博客的搭建全过程,希望对你也有帮助。

分享文章