🎯 最终效果（你现在已经实现的）

✔ 本地能写文章
✔ Hexo 博客主题（Keep/Acrylic 等）已配置
✔ 支持密码文章、字数统计、右键模式等功能
✔ GitHub 仓库自动接收更新
✔ Vercel 自动部署
✔ 自定义域名（reffish.cn）已绑定
✔ 访问网址自动走 Vercel CDN 加速

🧭 1. 安装开发环境（仅需要一次）

① 安装 Node.js（LTS 版本）

https://nodejs.org/

安装完验证：

1 2	node -v npm -v

② 安装 Git

https://git-scm.com/downloads

安装后设置用户名邮箱：

1 2	git config --global user.name "你的名字" git config --global user.email "你的邮箱"

🏗️ 2. 创建 Hexo 博客

① 新建文件夹并进入

1 2	mkdir blog cd blog

② 安装 Hexo

1
2
3

npm install -g hexo-cli
hexo init
npm install

③ 启动本地预览

hexo s

浏览器访问：

1	http://localhost:4000

🎨 3. 安装主题（以 Keep 为例）

进入 blog 根目录：

cd blog

① 下载主题

1	git clone https://github.com/XPoet/hexo-theme-keep.git themes/keep

② 修改站点配置文件 _config.yml

1	theme: keep

③ 安装主题依赖

1 2	cd themes/keep npm install

🎁 4. 安装各种增强插件

进入博客根目录：

cd blog

🛠 5. 配置 Hexo（你的博客主配置）

编辑根目录 _config.yml，重点修改：

① 站点信息

1
2
3

title: 你的博客名
subtitle: 描述
url: https://你的域名.com

② 部署到 GitHub

deploy:
  type: git
  repo: git@github.com:你的用户名/你的仓库名.git
  branch: main

📝 6. 写文章（本地）

新建文章：

1	hexo new post "文章标题"

更新本地后预览：

hexo s

🚀 7. 推送到 GitHub

每次更新：

1
2
3

hexo clean
hexo g
hexo d

推送完成后，GitHub 仓库会更新。

🌐 8. Vercel 自动部署（最重要）

① 打开 Vercel

https://vercel.com

② 选择 “Import GitHub project”

选择仓库：
D-BLOG.github.io 或你设置的博客仓库

③ 设置框架：Other

④ Build 配置

1
2
3

Build Command：hexo g
Output Directory：public
Install Command：npm install

⑤ 一键部署

完成后即可访问：

1	https://你的项目名.vercel.app

🌍 9. 绑定阿里云域名 reffish.cn

① 在 Vercel → Domains 添加域名

1 2	reffish.cn www.reffish.cn

Vercel 会生成提示值，例如：

类型	名称	值
A	@	216.198.79.1
CNAME	www	f615b908c2cd…

② 去阿里云 DNS 添加记录

进入：
阿里云 → 域名 → DNS解析

添加：

① 根域名解析

记录类型：A
主机记录：@
记录值：216.198.79.1
TTL：600

② www 解析

记录类型：CNAME
主机记录：www
记录值：Vercel 给你的 CNAME
TTL：600

③ 回 Vercel 点 Refresh 直到变绿

🎉 10. 最终访问网址

1	https://reffish.cn

已经走 Vercel 全球 CDN，加速 + HTTPS 自动开启。

📦 完整流程总结（最简版）

阶段	操作
环境安装	Node.js + Git
初始化	hexo init
安装主题	Keep / Acylic
安装插件	各种功能增强
配置博客	修改 `_config.yml`
写文章	hexo new
构建部署	hexo g && hexo d
上传 GitHub	自动存储博客内容
Vercel 自动部署	绑定 GitHub 仓库
域名绑定	阿里云 DNS + Vercel

0基础的建站流程