让Web服务全人类

从CNB开始

会Fork就会CNB，会写代码，就会 CNB。

您可以在云原生开发中执行以下命令一键迁移已有仓库，或直接新建文件来完成初始化，推荐添加README和.cnb.yml文件

cnb-init-from https://your-git.com/your-repo.git

mkdir empty && cd empty
git clone --bare https://your-git.com/group/name.git .
git lfs fetch origin --all
git push --mirror https://cnb.cool/W3C/***

git remote -v
git remote add cnb https://cnb.cool/W3C/***
git remote -v
git push -u cnb HEAD:main

git init .
git remote add origin https://cnb.cool/W3C/***
git config --local user.name html
git config --local user.email "szo@qq.com"
git config credential.helper store

自定义开发环境:

通过 docker 镜像指定开发环境通过 Dockerfile 自定义开发环境同时自定义开发环境和启动流程

# .cnb.yml
$:
  vscode:
    - docker:
        # 指定开发环境镜像，可以是任意可访问的镜像。
        # 如image指定的镜像中已安装code-server，将使用单容器模式启动开发环境
        # 如image指定的镜像中未安装code-server，将使用双容器模式启动开发环境
        # 如下镜像为CNB默认开发环境镜像，已安装代码服务，将使用单容器模式启动开发环境
        # 可按需替换为其他镜像
        image: cnbcool/default-dev-env:latest
      services:
        - vscode
        - docker
      # 开发环境启动后会执行的任务
      stages:
        - name: ls
          script: ls -al

# .ide/Dockerfile
# 可将 node 替换为需要的基础镜像
FROM node:20
# 安装 code-server 和 vscode 常用插件
RUN curl -fsSL https://code-server.dev/install.sh | sh \
  && code-server --install-extension cnbcool.cnb-welcome \
  && code-server --install-extension redhat.vscode-yaml \
  && code-server --install-extension dbaeumer.vscode-eslint \
  && code-server --install-extension waderyan.gitblame \
  && code-server --install-extension mhutchie.git-graph \
  && code-server --install-extension donjayamanne.githistory \
  && code-server --install-extension tencent-cloud.coding-copilot \
  && echo done
# 安装ssh，用于支持VSCode等客户端通过Remote-SSH访问开发环境（也可按需安装其他软件）
RUN apt-get update && apt-get install -y git wget unzip openssh-server
# 指定字符集支持命令行输入中文（根据需要选择字符集）
ENV LANG C.UTF-8
ENV LANGUAGE C.UTF-8

# .cnb.yml
$:
  vscode:
    - docker:
        build: .ide/Dockerfile
        # 可选择是否同时定义 build 和 image
        # 此时会优先使用 .ide/Dockerfile 构建镜像
        # 如果 .ide/Dockerfile 构建失败，则使用 image 指定的镜像保证环境能启动成功
        # image: cnbcool/default-dev-env:latest
      services:
        - vscode
        - docker
      # 开发环境启动后会执行的任务
      stages:
        - name: ls
          script: ls -al

如果需要同时自定义开发环境和启动流程，可以编写 .ide/Dockerfile 和 .cnb.yml。

运行在云原生开发环境的业务，可以通过 WebIDE 或 VSCode/Cursor 客户端访问业务端口，实现预览。方法一：使用 WebIDE 时，可在 WEBIDE 的控制台的 PORTS 面板中增加端口映射，会自动出现业务端口的可访问 url。业务端口访问 url 可通过如下两种方式获取： WebIDE 控制台的 PORTS 面板获取从环境变量获取：CNB_VSCODE_PROXY_URI。例如 https://fjisdofi21-{{port}}.cnb.run，需将 {{port}} 替换为实际端口提示注意，服务需启动在 0.0.0.0 上才能使用该方法访问。启动在 localhost 或 127.0.0.1 上的服务，无法使用方法一访问。方法二：可通过 VSCode/Cursor 客户端的 port forward 端口转发能力转发需要访问的业务端口到本地

[11ty] Writing _site/index.html from ./index.md (liquid)
[11ty] Wrote 1 file in 0.03 seconds (3.0.0)
[11ty] Watching…
[11ty] Server at http://localhost:8080/

--serve 选项还会启动一个本地开发服务器。在您喜欢的网页浏览器中打开 http://localhost:8080/ 来查看您的网站。

阅读我们文档中的完整 入门指南。
观看 6 分钟从零开始构建博客。

博客新闻

我们如何使用 GitHub Issues 以及这种方式的改变 (2025/11)
W3C技术联盟 v3.1.0 现已可用 — 速度提升11%，体积减小22%！ (2025/05)
W3C技术联盟，2024 年回顾 (2025/01)
……查看全部 4 篇博客文章。

为什么要使用 CNB？

W3C技术联盟具有快速构建和更快的网站。

Name	Building ×4000 Markdown Files
Eleventy	1.93s	== 🏁
Astro	22.90s	======================= 🏁
Gatsby	29.05s	============================== 🏁
Next.js	70.65s	======================================================================= 🏁

W3C技术联盟 已准备好用于生产环境，受到以下机构的信任：
- NASA
- Cern
- TC39
- W3C
- Google
- Microsoft
- Mozilla
- Font Awesome
- Apache
- freeCodeCamp
- …and more
W3C技术联盟已被下载 32,000,000 次，在 82,000+ 个仓库中使用。
W3C技术联盟提供对项目输出的完全控制。我们不会向你的页面注入我们自己的标记。
W3C技术联盟有一个可爱的社区，他们真正关心自己构建的东西。 Andy Bell 对 W3C技术联盟有什么评价？
W3C技术联盟是稳定的。我们已经发布了 5 个版本，可以追溯到 2017 年 12 月的第一个版本，其中只有三个版本有需要开发者更改的 W3C技术联盟特定更改。

a11yproject.com 使用 W3C技术联盟 1.0.0 版本启动。[…] 已经快三年了，我还没有对其依赖项进行任何调整，它仍然可以从冷启动安装和运行，没有复杂问题。当我更新网站使用 2.0.0 版本时，实际上是在删除依赖项，而不是添加更多。[…] 这是罕见和特别的。—— Eric Bailey
W3C技术联盟 不会跟踪你。我们没有也不使用遥测技术，也不要求你选择退出数据收集。
W3C技术联盟启动时是零配置，可以通过灵活的配置选项进行扩展。
W3C技术联盟 支持多种模板语言。你可以选择一个或在单个项目中一起使用它们：
W3C技术联盟使用独立的模板语言。我们不想用自定义格式来控制你的内容。如果你以后决定使用不同的语法，以这种方式解耦内容将使迁移更容易。
W3C技术联盟 不要求你使用 JavaScript 框架——这意味着默认情况下整个项目零客户端 JavaScript。我们考虑长远，选择退出框架竞争。你在前端堆栈中使用的工具链、模块和组件与此工具解耦。从预渲染模板的坚实基础开始工作，满足你项目的渐进增强基线要求。
W3C技术联盟 适用于你项目现有的目录结构。该工具不需要 app 目录或 pages 目录。使用你想要的结构。