C
CNB博客

这样搭建免费永久静态博客系统，速度飞快还有微信通知，解决写博痛点，人手一份博客新玩法。CNB Issue后台+EdgeOne pages部署，极爽且极具想象力！

kuaikuai
••7 分钟阅读
#CNB#blog#干货#开源#教程#生产力#福利羊毛

📝 写在前面

在这个注意力被严重挤占、长文阅读式微的时代，为什么我还要推荐大家搭建博客？

一个永久免费的发布后台 + 静态化博客网站 + 访问速度飞快 + 长期稳定在线 + 评论微信通知

这样的博客，值得我们重新造轮子！

🌟 为什么2025年还要写博客？

很多人问我，现在都AI时代了，还有必要写博客吗？

我的答案是：比任何时候都重要！

✅ 增加思考与自我反思 - 写作是最好的思考工具
✅ 巩固知识体系 - 这是最高效的学习方法
✅ 情绪发泄与减压 - 记录生活点滴，拒绝遗忘
✅ 提升表达能力 - 逻辑思维和书面表达双重提升
✅ 构建个人品牌 - 在AI时代链接更多机会

【视频说明】

先检验一下这个项目的静态博客的速度吧：https://cnb.cool/aii.mobi/blog

🚀 这个博客方案到底有多NB？

💰 永久免费，真正的0成本

  • 前端部署：腾讯EdgeOne Pages（免费CDN加持）
  • 后端管理：CNB仓库Issue系统（完美替代GitHub）
  • 存储空间：最低200G起步，几乎无限制
  • 图片附件：拖拽上传，无限制存储

⚡ 极速访问，静态化加持

  • 静态网站生成，访问速度飞快
  • CDN全球加速，国内外都很快
  • SEO优化到位，搜索引擎友好
  • 响应式设计，手机电脑都完美

🎨 高度定制，AI时代的优势

  • 主题样式随心换，AI帮你搓出喜欢的风格
  • 完全开源，想改什么改什么
  • 支持Markdown和HTML富文本
  • 标签分类，功能强大

📱 微信通知，互动体验拉满

  • 有人评论立即微信通知
  • 手机端查看体验极佳
  • @功能完美支持
  • 登录简单，微信扫码即可

🛠️ 技术实现原理（小白也能懂）

🔧 后端：CNB Issue系统

  • 微信扫码注册，验证码认证
  • Markdown编辑器，所见即所得
  • 实时预览，编辑体验极佳
  • 标签优先级，功能丰富

🌐 前端：EdgeOne Pages部署

  • 定时自动构建
  • 手动触发构建
  • Issue创建自动构建
  • 多种部署方式可选

💾 存储：几乎无限制

  • 图片附件拖拽上传
  • 200G+免费存储空间
  • 永久保存，不用担心丢失

🎯 解决了哪些痛点？

❌ 平台依赖性：更换平台时迁移成本高、难度大
✅ 完全开源：彻底摆脱平台束缚

❌ 平台稳定性：平台跑路风险，服务器宕机
✅ 多平台部署：GitHub、Cloudflare、Vercel都支持

❌ 定制化限制：无法满足个性化需求
✅ 高度定制：想改什么改什么，AI助力主题设计

❌ SEO优化困难：搜索引擎收录差
✅ SEO友好：静态网站，搜索引擎最爱

❌ 变现模式单一：广告收入微薄
✅ 个人品牌：构建影响力，链接更多机会

🎉 真实体验分享

📝 写作体验

在CNB的Issue系统中写博客，体验真的太棒了！

  • 支持Markdown格式，也支持HTML富文本
  • 右上角编辑按钮，不会MD也能轻松上手
  • 实时预览功能，写完立即看效果
  • 右侧标签设置，博客分类井井有条

💬 互动体验

最让我惊喜的是评论通知功能：

  • 有人评论立即收到微信通知
  • 手机端查看体验极佳
  • 可以@回复，互动性很强
  • 微信登录，门槛超低

🚀 部署体验

从写作到发布，全程自动化：

  1. 在CNB仓库创建Issue（写博客）
  2. 系统自动构建静态网站
  3. 自动部署到EdgeOne Pages
  4. 全球CDN加速，访问飞快

🎁 福利时间

🆓 如何获取？

  1. 打开我的仓库: ttps://cnb.cool/aii.mobi/blog/ ，直接Fork
  2. 根据说明文件步骤操作
  3. 不难，小白也能搞定

📹 视频教程

我会出喂饭级操作部署视频，手把手教你搭建！

💡 额外福利

CNB平台新用户还能申请额外的存储空间和时长，记得7月前去申请！
具体请查看：https://cnb.cool/aii.mobi/blog/-/issues/3

🔚 写在最后

在这个AI时代，拥有一个属于自己的博客比任何时候都重要。

不依赖平台、永久免费、极速稳定、高度定制

这样的博客，真的值得人手一份！

你还在犹豫什么？赶紧行动起来，搭建属于你自己的超NB博客吧！

👍 觉得有用记得点赞分享
💬 有问题欢迎评论区交流
🔔 关注我，更多干货持续分享

关键词： 免费博客、静态博客、CNB、EdgeOne Pages、个人博客、博客搭建、微信通知、SEO优化、开源博客

kuai

kuai

发布于 2025年06月09日

更新于 2025年08月16日

分享:TwitterFacebook

评论 (10)

期待完整教程，我现在卡在域名环节了。那个EdgeOne要求我提供的域名必须是备案过的。然后从临时域名点击进去看，各个按钮都不能点击，所以莫非这个网站没有后台，全靠手工修改代码么？

.cnb.yml中修改网址，是不是3个地方都需要修改啊？

❌ 构建失败: Command failed: pnpm build
 ELIFECYCLE  Command failed with exit code 1.
 ELIFECYCLE  Command failed with exit code 1.
root@cfa850cb11ad:/workspace#

请问这问题出在哪里啊？

重装之后貌似还是这个问题
▲ Next.js 15.4.0

Creating an optimized production build ...
✓ Compiled successfully in 7.0s
✓ Linting and checking validity of types

Build error occurred
[Error: Page "/posts/[slug]" is missing "generateStaticParams()" so it cannot be used with "output: export" config.]
 ELIFECYCLE  Command failed with exit code 1.

❌ 构建失败: Command failed: pnpm build
 ELIFECYCLE  Command failed with exit code 1.
 ELIFECYCLE  Command failed with exit code 1.
root@6bf596f9c891:/workspace#

@cnb.aU91ftUPAKA 好的，尽快修复一下

2ea9f941-741b-48b3-b4bf-3127a57a906f.png

@youshou 这个网址根据你创建的文件来就可以。跟你的 .cnb.yml中相同就可以。

重装之后貌似还是这个问题
▲ Next.js 15.4.0

Creating an optimized production build ...
✓ Compiled successfully in 7.0s
✓ Linting and checking validity of types

Build error occurred
[Error: Page "/posts/[slug]" is missing "generateStaticParams()" so it cannot be used with "output: export" config.]
 ELIFECYCLE  Command failed with exit code 1.

❌ 构建失败: Command failed: pnpm build
 ELIFECYCLE  Command failed with exit code 1.
 ELIFECYCLE  Command failed with exit code 1.
root@6bf596f9c891:/workspace#

发现这个问题的原因是，fork后没有创建issue，所以内容为空，就出错了，你需要在你仓库中先创建1条issue @youshou

这次测试页面确实变成您的博客模板样式了

暂时分类和标签页显示404，这两个我不知道该怎么在文章中添加

博客里的搜索按钮点击后没有反应

手机端打开速度非常快，黑夜模式也很棒，但右上角的三道杠菜单栏点击后没有反应，而且手机版看不到搜索按钮

🌐我刚才删掉了原来fork的仓库，又重新fork了一遍，
🌐之后马上建立了一条issue,标题是“测试”，内容是“测试正文”这4个字
🌐然后EdgeOne的项目名是：cnb-issue-sites，API Token 是：fTb2oIeZ88tdSM9iWHQLbhJu3r32EdfxAFe792faqyI=
🌐预览页面是：https://landing-page-demo-xuxvkoan.edgeone.site?eo_token=8c6bdc2b3660e55748e0a30212963d86&eo_time=1750208119

🌐之后在aluoyoushou/02的密钥仓库创建：envs.yml
🌐里边的三行代码是：
# envs.yml
# 获取网址：https://console.tencentcloud.com/edgeone/pages?tab=api
EDGEONE_PAGES_API_TOKEN: fTb2oIeZ88tdSM9iWHQLbhJu3r32EdfxAFe792faqyI=

🌐该文件地址是：https://cnb.cool/taluoyoushou/02/-/blob/main/envs.yml
🌐之后回到仓库：taluoyoushou/blog
🌐在.cnb.yml文件中的：
push:
    # 从私有仓库导入环境变量：
    # 参考：https://docs.cnb.cool/en/build/env.html#importing-environment-variables
    - runner:
        cpus: 8
      imports: https://cnb.cool/aii.mobi/envs/-/blob/main/edgeone-pages-token.yml

🌐改为了：
push:
    # 从私有仓库导入环境变量：
    # 参考：https://docs.cnb.cool/en/build/env.html#importing-environment-variables
    - runner:
        cpus: 8
      imports: https://cnb.cool/taluoyoushou/02/-/blob/main/envs.yml

🌐之后提交了保存，再点击云原生开发：

pnpm preview
root@0eeea039644f:/workspace# pnpm preview

cnb-static-blog@1.3.0 preview /workspace
pnpm run build:static && npx serve out
cnb-static-blog@1.3.0 build:static /workspace
node scripts/build.js
🚀 开始构建CNB静态博客...
🔧 环境变量配置:
BASE_URL: https://api.cnb.cool
REPO: taluoyoushou/blog
AUTH_TOKEN: 已设置
CNB_REPO_SLUG_LOWERCASE: taluoyoushou/blog
CNB_TOKEN: 已设置
NEXT_PUBLIC_SITE_URL: https://blog.kuai.host
🧹 清理之前的构建文件...
📦 检查依赖...
🔨 构建Next.js项目...
cnb-static-blog@1.3.0 build /workspace
next build
⚠ No build cache found. Please configure build caching for faster rebuilds. Read more: https://nextjs.org/docs/messages/no-cache
Attention: Next.js now collects completely anonymous telemetry regarding usage.
This information is used to shape Next.js' roadmap and prioritize features.
You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
https://nextjs.org/telemetry
▲ Next.js 15.4.0
Creating an optimized production build ...
✓ Compiled successfully in 7.0s
✓ Linting and checking validity of types
✓ Collecting page data
✓ Generating static pages (9/9)
✓ Collecting build traces
✓ Exporting (3/3)
✓ Finalizing page optimization
Route (app) Size First Load JS
┌ ○ / 1.56 kB 254 kB
├ ○ /_not-found 1.01 kB 102 kB
├ ○ /about 193 B 104 kB
├ ○ /admin/config 4.38 kB 253 kB
├ ƒ /api/config 135 B 101 kB
├ ○ /posts 193 B 104 kB
└ ● /posts/[slug] 1.57 kB 254 kB
└ /posts/1

  • First Load JS shared by all 100 kB
    ├ chunks/111-f8ab02fa0bccc5ae.js 44.8 kB
    ├ chunks/9c9c9779-cb0ff90601f847ce.js 53.8 kB
    └ other shared chunks (total) 1.93 kB
    ○ (Static) prerendered as static content
    ● (SSG) prerendered as static HTML (uses generateStaticParams)
    ƒ (Dynamic) server-rendered on demand
    ✅ 静态文件已自动导出到 out 目录
    📄 生成额外的静态文件...
    ✅ 检查构建结果...
    📊 构建完成！生成了 13 个文件/目录
    📁 主要文件:
    • 404.html
    • _next
    • index.html
    • index.txt
    • robots.txt
    • rss.xml
    • sitemap.xml
      🎉 构建成功完成！
      📂 静态文件位于: /workspace/out
      🚀 现在可以部署到任何静态托管服务了！
      npm warn exec The following package was not found and will be installed: serve@14.2.4
      ERROR Cannot copy server address to clipboard: Couldn't find the xsel binary and fallback didn't work. On Debian/Ubuntu you can install xsel with: sudo apt install xsel.
      ┌────────────────────────────────────────┐
      │ │

    │ Serving! │
    │ │
    │ - Local: http://localhost:3000 │
    │ - Network: http://172.23.9.2:3000 │
    │ │
    └────────────────────────────────────────┘

之后这次测试页面确实变成您的博客模板样式了

暂时分类和标签页显示404，这2个我不知道该怎么在文章中添加

然后博客里的搜索按钮点击后没有反应

手机端打开速度非常快，黑夜模式也很棒，但右上角的三道杠菜单栏点击后没有反应，而且手机版看不到搜索按钮

在网站上不能正常显示图片。

欢迎到原文中评论及订阅。

前往 cnb.cool 原文参与讨论