Hexo创建及部署到Cloudflare

对应视频:BV1MnbazcEQ1


想必大家都想拥有自己的网站吧!今天教大家如何用Hexo创建网站并部署到Cloudflare。你可以在那里写写心得,记录生活…让我们开始吧!


做好一件事情都需要准备工作,所以…

1、准备工作

以上文件如果下载速度慢,或访问速度慢,可以来到我的网盘下载:

1、蓝奏云

密码:htoc (Hexo to Cloudflare)

2、百度网盘

提取码:Web1(区分大小写)

检查一下是否安装成功:

Git:在桌面或文件夹右键单击,如果出现“Open Git GUI here”和“Open Git Bash here”,说明 Git 安装成功。

Node.js:按下 Windows 徽标键 + R 键 打开运行框,输入“cmd”并按下 回车键 ,打开命令提示符。输入“node -v”并按下 回车键,如果出现版本号说明 Node.js 安装成功。

2、开始搭建

先创建一个用于存放Hexo文件的文件夹。访问 Hexo ,往下滑,复制Hexo提供的5行代码:

1
2
3
4
5
npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server

在要存放Hexo文件的文件夹右键单击,选择“Open Git Bash here”,在弹出的窗口中右键单击,选择“Paste”,按下 回车键 ,开始安装Hexo。如果在最后出现 http://localhost:4000/ ,说明成功。复制网址,在浏览器中打开,就可以看到Hexo网页了!

虽然网页出现了,但是这不是在互联网上的网页,而是本地的,没网也能访问,所以我们需要继续制作。

3、创建文章

先结束网页的运行:

在 GBH (Git Bash here) 窗口中按下 Ctrl键 + C键 ,结束网页运行。

创建文章:

在 GBH窗口 输入:

1
hexo new "Hello" #创建文章

注:“hello”可以更改,必须要双引号

创建完成之后,在Hexo的根目录中进入“blog”文件夹 - “source”文件夹 - “_post”文件夹,找到刚才创建的文章(示例:Hello.md),用MarkText打开,编辑里面的内容。

注:最上面的信息不要修改,可能会报错!

编辑完后保存,切换到 GBH窗口 ,输入:

1
hexo generate #生成网页

也可以简单的输入:

1
hexo g

然后输入:

1
hexo server #运行Hexo

也可以输入:

1
hexo s

再次在浏览器中打开 “http://localhost:4000/” 看看是否生效。

如果没有生效:

运行这行代码:

1
2
3
hexo clean #清理缓存
hexo g
hexo s

再次打开 “http://localhost:4000/”看看是否成功。

4、更换主题

更换主题

Hexo主页 划到最底部,点击“探索主题”,选择一款你心仪的主题。

注:可以点击“Visit preview site”预览主题网站。

点击主题的名称,按照下面的指南安装主题至“themes”文件夹。然后复制主题名称,回到“blog”文件夹内,打开“_config.yml”文件(用纯文本方式打开),将最底下的“theme: ”后面的内容更换成主题名称(已经复制了,直接粘贴即可,防止名称错误),保存文件。

再次在 GBH窗口 输入代码:

1
2
3
hexo clean #要求准确性的就加这行代码
hexo g
hexo s

在浏览器中打开 “http://localhost:4000/”,查看网页。

修改主题细节

打开“themes”文件夹 - 你的主题文件夹,打开“_config.yml”并按注释修改。

注:

1、建议你安装中文主题,这样可以更好的修改主题细节。因为中文主题有中文的解析。

2、在修改前备份一次,这样在修改乱了之后可以回滚到之前的主题细节。

再次在 GBH窗口 输入代码:

1
2
3
hexo clean
hexo g
hexo s

在浏览器中打开 “http://localhost:4000/”,查看网页。


恭喜你已经完成Hexo的创建了!接下来上传到互联网吧!

5、上传到Cloudflare

注册/登录 Cloudflare 账号

来到Cloudflare

Cloudflare 主页 点击右上角的 “登录”,然后在右上角的语言选项中切换到 ”简体中文“

注册

在下方点击“注册”,输入信息开始注册。

登录

(呃…应该不用我说了吧)

输入 电子邮件 和 密码 登录。

创建 Pages 项目

这是 2025 年的教程,于 2025年12月5日 修改。

在 控制台 的左侧选择 “计算和 AI” –> “Workers 和 Pages” ,在弹出窗口中选择不显眼的“Looking to deploy Pages? Get started”,选择 ”拖放文件“ –> “开始使用” ,输入项目的名称,点击 ”创建项目“ 。

部署项目

在 GBH窗口 输入代码以生成最新的文件:

1
2
3
hexo clean
hexo g
hexo s

回到浏览器,点击 “通过拖入或单击来上传内容或文件夹。” 中的 “文件夹” ,上传 “blog” 文件夹中的 “public” 文件夹,等待文件上传,点击 ”部署站点“ 。

更新站点

在 GBH窗口 输入代码生成文件:

1
2
3
hexo clean
hexo g
hexo s

点击项目名称,然后点击 “创建部署” ,再次上传 “public” 文件夹,等待文件上传,点击 “保存并部署” 。


恭喜你有一个个人网站了!我希望你可以把这篇文章转发给他人,让大家都有一个网站!

谢谢阅读!


Hexo创建及部署到Cloudflare
http://web-adt.pages.dev/2025/08/07/Hexo创建及部署到Cloudflare/
作者
SunCRS
发布于
2025年8月7日
许可协议