适用场景
- Next.js Hexo 以及用React Vue等现代前端框架构建的单页应用
- 全栈项目开发 通过Pages Function KV等能力 实现轻量化的动态服务
- 快速部署与迭代 通过Github等代码管理平台集成 每次代码提交时自动构建和部署网站
注意: 博客部署在腾讯云pages上需要有自己的已备案域名,官方生成的域名是有过期时间的(3h左右)。
部署方式
- 同步Git仓库,腾讯云平台进行构建
- 目录方式部署 推荐用这种 可以不影响原来的构建方式,在原来的Github Action最后面加上同步到腾讯云的action即可
我的博客用的vuepress 在原action后面加上如下配置即可,之前部署在vercel上,迁移到edge-on pages后确实快了很多
具体操作步骤可见官方文档
https://edgeone.cloud.tencent.com/pages/document/180252837825597440
完整Github Action配置如下
name: 部署文档
on:
push:
branches:
# 确保这是你正在使用的分支名称
- main
jobs:
deploy-gh-pages:
runs-on: ubuntu-latest
steps:
- name: Checkout
uses: actions/checkout@v4
with:
fetch-depth: 0
# 如果你文档需要 Git 子模块,取消注释下一行
# submodules: true
- name: 设置 pnpm
uses: pnpm/action-setup@v4
with:
version: '10.13.1'
- name: 设置 Node.js
uses: actions/setup-node@v4
with:
node-version: '22'
cache: 'pnpm'
- name: 安装依赖
run: pnpm install --frozen-lockfile
- name: 构建文档
env:
NODE_OPTIONS: --max_old_space_size=8192
run: |-
pnpm run docs:build
> src/.vuepress/dist/.nojekyll
- name: 部署文档
uses: JamesIves/github-pages-deploy-action@v4
with:
# 这是文档部署到的分支名称
branch: gh-pages
folder: src/.vuepress/dist
- name: 同步腾讯云
run: npx edgeone pages deploy src/.vuepress/dist -n github -t ${{ secrets.EDGEONE_API_TOKEN }}
env:
EDGEONE_API_TOKEN: ${{ secrets.EDGEONE_API_TOKEN }}