一、前置准备(必做,复制命令检查)
检查Node.js和npm(推荐16.x/18.x,版本不符请重新安装)
1 | node -v |
检查Git(未安装请先安装git)
1 | git --version |
二、本地搭建 Hexo 博客
步骤 1:初始化 Hexo 项目
1 | # 创建并进入博客目录 |
访问 http://你的服务器IP:4000 能看到默认页面,即为成功
步骤 2:安装并配置 Reimu 主题
1 | # 安装Reimu主题 |
1 | # 生成主题配置文件 |
步骤 3:配置语法高亮
1 | # 打开Hexo根目录配置文件 |
在 # Extensions 下方粘贴以下 YAML 配置:
1 | syntax_highlighter: highlight.js |
步骤 4:创建测试文章
1 | # 创建测试文章(Linux路径区分大小写) |
三、GitHub 创建仓库
1.打开 GitHub,新建仓库,命名为 hexo-blog,并设置为 Public(私有仓库无法使用 Giscus 评论)
2.入仓库 Settings → Features,勾选 Discussions 选项
3.复制仓库地址:https://github.com/你的用户名/hexo-blog.git
四、本地代码推送到 GitHub
1 | # 进入博客根目录 |
五、Cloudflare Pages 部署
1.登录 Cloudflare 控制台,进入 Pages → 创建项目
2.连接 GitHub 账号,选择 hexo-blog 仓库
3.配置构建信息:
1 | 构建命令:npm install && hexo generate |
说些什么吧!