One

主题

2025-07-242025-08-18运维CNB
1195
5.4m
0

CNB配合eo托管静态博客 ​

实战-cnb配合EdgeOne托管静态站点博客-20250723(测试成功) ​

image-20250723072955723

目录 ​

[toc]

版权 ​

来源于： 《w3c.cool仓库》https://cnb.cool/w3c/vitepress-theme-teek 感谢大佬详细的文档💖💖💖

image-20250723053153812

背景 ​

全网最美博客-teek(知识库&博客二合一)，你已经拥有了。最丝滑的markdown编辑器-typora你也在用。

此时，如果你只需要在本地仓库维护数据，一键提交后，就能触发流水线，自动构建，然后自动将网站托管在EdgeOne的Pages服务，省去了购买服务器的开销，足够丝滑。😜（接下来就让我们体验吧）

前提 ​

前提条件：

  1. 创建自己的 CNB账号；
  2. 创建自己腾讯云账号，且已免费领取 EdgeOne （腾讯免费无限制cdn，可以在技术群找其他人免费获取哦，或者也可以找我领取😜）；

开始配置：

0、环境准备 ​

1.获取腾讯云Pages API token

在腾讯云Pages里面创建API Token：（后面 .cnb.yml文件里需要用到）

https://console.cloud.tencent.com/edgeone/pages?tab=api

image-20250723074515419

2.新建cnb密钥仓库

（1）创建cnb密钥仓库：

image-20250721064052113

（2）在密钥仓库里增加一个文件，此文件用来存pages的API Token,文件后缀是yml如envs.yml

envs.yml文件内容为：

yml
EDGEONE_PAGES_API_TOKEN: 将API token粘贴替换到此处

API token保存完之后复制这个文件envs.yml的地址。

bash
https://cnb.cool/onedayxyy/secret/-/blob/main/envs.yml

image-20250723074701403

image-20250723075946346

1、fork仓库 ​

  • 在CNB中fork本项目到自己的组织仓库下：

https://cnb.cool/onedayxyy/vitepress-theme-teek-one-public

image-20250723074314217

  • 配置.cnb.yml：（替换如下红框为自己的路径）
yaml
# .cnb.yml
$:
  # vscode 事件：专供页面中启动远程开发用
  vscode:
    - runner:
        # 自定义CPU核心数,最大支持64核
        cpus: 64
      docker:
        # 自定义开发环境
        build:
          # 指定构建镜像的 Dockerfile 文件
          dockerfile: .ide/Dockerfile
      services:
        # 声明使用 vscode 服务
        - vscode
        # 声明在容器中支持 docker 命令
        - docker
      stages:
        - name: 环境启动时执行以下命令
          script:
        # 安装pnpm并使用pnpm安装依赖
            - npm install -g pnpm
            - pnpm i

# 云原生构建流程和自动部署
master:
  push:
    - imports: https://cnb.cool/onedayxyy/secret/-/blob/main/envs.yml
      stages:
        - name: 构建当前项目
          image: node:22
          script: npm install -g pnpm && pnpm i && pnpm run docs:build
        - name: 部署到Pages
          image: node:22
          script: npx edgeone pages deploy ./docs/.vitepress/dist --name vitepress-theme-teek --token $EDGEONE_PAGES_API_TOKEN

image-20250723075101798

扩展：

推送自己本地仓库到cnb：

bash
git init .
git remote add origin https://cnb.cool/onedayxyy/vitepress-theme-teek-one-public.git
#git config --local user.name cnb.aYHw4hqhwFA
#git config --local user.email "Z0KUuiPxqUfIPDstra7UrF+cnb.aYHw4hqhwFA@noreply.cnb.cool"
#git config credential.helper store

git add -A
git commit -m"first commit"
git push -u origin "master"

image-20250723072445843

2、模拟推送 ​

  • 将如下2个勾选：

image-20250723075222626

  • 更新下readme文件，模拟推送
bash
git add -A
git commit -m"更新readme"
git push

image-20250723072926656

3、验证网站 ​

来到eo Pages观察服务：

  • 添加下自己域名，然后配置下证书

image-20250723075437751

  • 最终效果

https://wiki.onedayxyy.cn/

image-20250723072955723

image-20250723073055989

关于我 ​

我的博客主旨：

  • 排版美观，语言精炼；
  • 文档即手册，步骤明细，拒绝埋坑，提供源码；
  • 本人实战文档都是亲测成功的，各位小伙伴在实际操作过程中如有什么疑问，可随时联系本人帮您解决问题，让我们一起进步！

🍀 个人网站

image-20250109220325748

🍀 微信二维码

x2675263825 （舍得）， qq：2675263825。

image-20230107215114763

🍀 微信公众号

《云原生架构师实战》

image-20230107215126971

🍀 csdn

https://blog.csdn.net/weixin_39246554?spm=1010.2135.3001.5421

image-20230107215149885

🍀 知乎

https://www.zhihu.com/people/foryouone

image-20230107215203185

最后 ​

如果你还有疑惑，可以去我的网站查看更多内容或者联系我帮忙查看。

如果你有更好的方式，评论区留言告诉我。谢谢！

好了，本次就到这里了，感谢大家阅读，最后祝大家生活快乐，每天都过的有意义哦，我们下期见！

image-20250401215005230

最近更新