AI 时代语言专业学生的数字化转型与个人资产构建
网站搭建流程参考

hexo上搭建网站,如果想通过第三方搭建一个后台进行博客内容,菜单,博客标题,副标题,描述管理的话,都可以直接命令CodeBuddy进行搭建。比如:

博客文章管理: 帮我搭建一个hexo pro的博客文章后台管理

菜单和博客标题等: 帮我搭建一个网站菜单,标题,副标题,网站描述的后台设置,放在系统管理的设置下面

基本上所有功能都可以通过CodeBuddy自由创建,遇到任何问题都可以通过提问和下达指令进行解决


CodeBuddy的三个模式:Ask, Draft, Plan

Ask: 仅对话不进行操作

Draft:直接操作执行

Plan:先根据指令做计划,再操作执行。适合稍微复杂一些的场景。其实大多数情况都可以用,结果相对更好。
codebuddy.png


Hexo 博客部署到 Cloudflare Pages - 完整指南

前置准备

在开始前,请确保你已:

✅ 安装了 Node.js

✅ 注册了 Cloudflare 账号

✅ 电脑上安装了 CodeBuddy(或其他代码编辑器)

✅ 注册了免费域名,注册网址:https://www.dnshe.com/

Tips: 也可以发给DeepSeek获取指南: 帮我做一个具体的网站搭建指南,通过code buddy vibe coding的方式部署静态博客HEXO到cloudflare的免费服务器,为了避免重复验证采用调用cloudflare api token的方式部署。hexo 要有可用的后台管理,包括菜单和博客内容。用hexo pro,自定义域名用DNSHE.com的免费域名。电脑系统windows / Mac。node.js还没安装。会先安装code buddy,全程尽量全部通过ai agent vibe coding的方式执行,降低部署难度。部署暂时不用git,直接部署到cloudflare pages. 如果做指南前有什么不确定的问题可以先和我确认


第一步:初始化项目(通过 CodeBuddy)

在 CodeBuddy 中输入指令,让 AI 帮你生成一个 Hexo 博客项目,例如:

“帮我创建一个 Hexo 博客项目,主题选 ZenMind,配置好基本信息”

AI 会帮你完成以下工作:

  • 创建项目文件夹
  • 安装 Hexo 和依赖
  • 配置主题和基础设置
  • 生成示例文章

然后执行:

1
2
cd 项目文件夹
npm install

第二步:在 Cloudflare 创建 API Token(关键一步)

这一步是为了跳过慢的浏览器授权流程,实现一键部署。

  1. 登录 Cloudflare Dashboard
  2. 点击右上角头像 → My ProfileAPI Tokens 选项卡
  3. 点击 Create Token
  4. 找到 Cloudflare Pages 模板,点击右侧 Use template
  5. 确认权限为:Account → Cloudflare Pages → Edit
  6. 点击 Continue to summaryCreate Token
  7. ⚠️ 复制生成的 Token!关闭页面后就看不到了

第三步:配置 API Token

在项目根目录创建 .env 文件,内容如下,token添加后注意保存(也可以直接在CodeBuddy里面输入:帮我创建一个.env文件,我要添加cloudflare pages的api token进去,token等创建好我自己手动添加,你创建好之后帮我打开文件。)

1
CLOUDFLARE_API_TOKEN=你刚才复制的Token

在 VS Code/CodeBuddy 中,右键项目根目录 → 新建文件 → 命名为 .env,粘贴上面的内容并替换 Token。


第四步:配置部署脚本(由 AI 完成)

然后告诉CodeBuddy:“帮我把网站部署到cloudflare pages服务器。” 然后ai会帮你自己部署成功,可能会提示需要输入account id,这个要去cloud flare根据提示去找倒account id,然后复制粘贴给Code Buddy.

核心逻辑:构建前自动读取 .env 中的 API Token,然后直接部署,不需要打开浏览器授权


第五步:自定义域名上线部署

  1. 在cloudflare 控制版面点击域名,添加域名,点击下一步找到cloudflare提供配置的dns参数
    cloudflare.png
    dns.png
  2. 然后打开https://www.dnshe.com/ 登陆进去,找到自己注册的域名,点击dns服务器
    dnshe.png
  3. 检查cloudflare,如果域名显示活动,就只需要等待一会儿,网站就上线了。
    域名上线.png
  4. 添加CNAME记录
    cname.png

第六步:搭建内容管理的后台

博客文章管理(发给CodeBuddy): 帮我搭建一个hexo pro的博客文章后台管理

菜单和博客标题等(发给CodeBuddy): 帮我搭建一个网站菜单,标题,副标题,网站描述的后台设置,放在系统管理的设置下面

Tips: 如果搭建不成功,或者没有达到自己想要的效果,可以修改命令持续修改调整的。


第七步:本地预览(后台内容修改后就可以直接在这里查看)

这里可以直接问CodeBuddy: 我后台修改内容,本地预览在哪里查看?如果打不开需要启动服务器的终端命令是什么(如果比较长的话,可以要codebuddy帮忙改简单点)?

1
npm run server (也可能是其他指令,指令可自定义,不懂的地方问codebuddy或deepseek)

打开浏览器访问 http://localhost:4000 查看效果(可能有的同学是4002,4003,根据提示来就好)。


第八步:一键部署(这里指内容修改好部署到自定义域名的实时网站)

这里是指后台修改网站内容后,如何部署到实时网站,即我们已经上线的自定义域名网站。可以问Code Buddy当前的部署指令是什么,指令也可以自定义,修改内容后会实时传到localhost本地预览,但是部署到自定义域名的网站,需要在terminal(终端)输入部署的指令。

1
npm run deploy (或者提供的其他指令,这个也可以自定义)

部署过程会自动:

  1. 清理旧文件 → 生成静态页面 → 读取 Token → 上传到 Cloudflare

第一次部署时,Cloudflare 会自动创建 Pages 项目。成功后你会看到:

1
✨  Deployment complete! Take a peek over at https://my-blog.xxx.pages.dev

后续更新

每次写完新文章或修改内容后,只需:

1
npm run deploy (或者提供的其他指令,这个也可以自定义)

整个流程不需要打开 Cloudflare 网站,不需要 Git 提交,不需要浏览器授权,一条命令搞定。

常见问题

问题 解决方法
wrangler 未找到 运行npm install 确保依赖已安装
认证失败 检查.env 中的 Token 是否正确,末尾不要有换行空格
403 权限错误 创建 Token 时确认权限是Cloudflare Pages → Edit
想自定义域名 在 Cloudflare Pages 项目设置 →Custom domains 中添加
Token 泄露风险 .env 已在 .gitignore 中,不会上传到任何地方

其他建议学习了解的平台:

Github: GitHub 是全球最大的开发者协作平台,基于Git进行版本控制,提供代码托管、项目管理、协作开发和自动化工作流等核心功能。

Codex: Codex 是由 OpenAI 打造的一款 AI 编程助手,已从一个纯粹的代码生成工具进化为能直接操作电脑、跨应用执行长期开发任务的智能体平台。

Claude: Claude 是由 Anthropic 开发的高性能、注重安全与可控性的 AI 大语言模型,擅长长文本处理、代码生成与对话交互。

Claude Code: Claude Code 是 Anthropic 推出的一款终端原生的 AI 编程助手,能够理解整个代码库,并通过自然语言命令自主完成代码编写、调试、Git 操作等复杂开发任务。

Vs Code: Visual Studio Code(VS Code)是由微软开发的一款免费、开源、跨平台的现代化代码编辑器,它以轻量级核心配合强大的插件生态,为开发者提供智能补全、代码调试和Git集成等接近于IDE的高效编码体验。

Cline: Cline 是一个集成在 VS Code 中的免费、开源的自主 AI 编程助手,能够通过文件编辑、命令执行、浏览器交互等工具,自主规划并完成复杂的跨文件软件开发任务。

Cursor: Cursor 是一款深度集成了 AI 能力的现代化代码编辑器,它能通过自然语言对话、代码预测和智能编辑来辅助开发者编写、理解和修改整个代码库。

Trae: Trae是字节跳动推出的国内首款AI原生集成开发环境(IDE),通过内置的智能体系统能够理解自然语言需求并自主完成从代码生成、调试到部署的全流程开发任务。

Vercel: Vercel 是一个专为前端开发者和 Jamstack 架构设计的云平台,它能将你的 Git 仓库(如 GitHub)自动构建并部署为高性能的静态网站或 Serverless 函数,并提供全球 CDN 加速。

Edgeone: EdgeOne是腾讯云推出的新一代边缘安全加速平台,它在一个产品中集成并整合了CDN内容分发、DDoS/Web/Bot安全防护、DNS解析和边缘计算等能力,可一站式解决网站或应用的加速和安全需求。

Cloudflare: Cloudflare 是一个全球性的云网络服务平台,提供 CDN 加速、DDoS 防护、智能 DNS 和边缘安全等一体化解决方案,能显著提升任何在线应用的性能与安全性。

Hashnode: Hashnode 是一个专为开发者设计的现代化博客平台和社区,提供强大的 Markdown 编辑器、AI 辅助写作、自定义域名和 GraphQL API,帮助开发者轻松发布技术内容并连接全球开发者社区。

Shopify: Shopify 是一站式 SaaS 模式的电商服务平台,提供从店铺搭建、库存管理到支付结算的全套工具,让个人和企业能快速上线并运营自己的在线商店。

Ghost: Ghost 是一个基于 Node.js 的开源专业发布平台,集网站搭建、邮件通讯和付费订阅于一体,为内容创作者提供从内容生产到商业变现的一站式服务。

Gamma: Gamma是一个AI驱动的视觉叙事平台,通过自然对话即可自动生成带有精美设计排版的演示文稿、文档和网页,被誉为AI时代的PPT颠覆者。