页界指南
VitePress

VitePress

VitePress 是一个静态站点生成器 (SSG)，专为构建快速、以内容为中心的站点而设计。简而言之，VitePress 获取用 Markdown 编写的内容，对其应用主题，并生成可以轻松部署到任何地方的静态 HTML 页面。

快速开始

在CNB中Fork/克隆本项目vitepress-theme-teek到自己的仓库下。

vitepress-theme-teek
git clone https://cnb.cool/w3c/vitepress-theme-teek

创建一个EdgeOne-Pages项目

创建的时候选择直接上传的方式

https://console.cloud.tencent.com/edgeone/pages/upload

获取API token

在pages里面创建API Token

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

之后在CNB中新建一个密钥仓库

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

envs.yml文件内容为：

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

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

在回到第一步你fork的这个仓库，点击开.cnb.yml文件，替换刚才复制的envs.yml文件地址到.cnb.yml的第6/15行。

.cnb.yml示例： 

main:
  push:
    - imports: https://cnb.cool/w3c/envs/-/blob/main/pages.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 ./.vitepress/dist --name vitepress-theme-teek --token $EDGEONE_PAGES_API_TOKEN

参考文档

🎓 参考

VitePress
由 Vite 和 Vue 驱动的静态站点生成器
最后更新于
TeekVuepress