前言

Hexo 是一款基于 Node.js 的快速、高效的静态博客框架,凭借其轻量化、主题丰富和 Markdown 友好等特性,成为开发者与写作爱好者的热门选择。相较于 WordPress 等动态博客系统,Hexo 无需数据库支持,生成纯静态文件,天然具备访问速度快、安全性高、部署灵活等优势。

本教程将引导您完成 Hexo 的本地环境搭建与基础配置,涵盖从工具准备到博客生成的完整流程。无论您是技术新手还是有一定开发经验的用户,均可通过清晰的步骤说明快速上手。接下来,请先确保准备好以下工具与环境。 本章适用于没有服务器和马内的小伙伴准备教程 前提是你要有域名和哈利波特然后使用vercel进行CDN加速


准备工作

软件及环境 介绍 链接
github 用于托管网站 Github
Git 用来安装和部署Hexo和配置SSH Git
Node.js 部署时所需的环境 Node.js — 在任何地方运行 JavaScript
Visual Studio Code 用来配置和魔改Hexo Visual Studio Code - Code Editing. Redefined
哈利波特(梯子) 加载速网站(自选) 不提供链接 请自行寻找awa

检验环境安装是否成功

1
2
3
git --version
node -v
npm -v

显示这些代表安装成功


部署Hexo博客

提示

第一步 打开Git bash 输入以下指令

1
npm install -g hexo-cli

等待几分钟 第一步就完成了

初始化Hexo

在git输入一下命令 进行博客的初始化

1
hexo init

等待几分钟 初始化完成后 接下来第三步

本地启动Hexo

输入 hexo Server 或者 hexo s 启动Hexo本地服务端

至此本地部署Hexo结束了awa!


将Hexo上传至Github


创建Github仓库

打开Github 创建仓库 如果你没有github账号请你注册一个

提示

你要自己先配置好SSH 本章因为站长懒得写QWQ 可去站长的其他文章查看教程 SSH配置

此处仓库必须必须开源不然别人看不到(

名字随便只要没中文就行

创建好仓库后 在博客的根目录打开Git

安装插件hexo-deployer-git

1
npm install hexo-deployer-git --save

在仓库页面 点击code找到SSH 复制就行

到博客的根目录打开 _config.yml 拉到底部找到 deploy 替换成以下 复制完ssh后替换到 repo: 就行

1
2
3
4
deploy:
type: git
repo: git@github.com.仓库名字/仓库名字.git
branch: gh-pages

在博客根目录打开git bash 输入.

1
2
hexo clean
hexo d

显示 INFO Deploy done: git 说明部署成功了


将仓库部署到vercel

注册vercel账号

打开vercel官网 https://vercel.com/

使用github登陆后续步骤请自己开翻译完成 qwq


创建网站

找到Add new 点击找到projects

找到 Framework Preset 选项 默认就行 然后 Deploy

这样你的hexo博客算是部署好了awa


结束