PC 端静态化生成:从 puppeteer 渲染到 CDN 推送的整条链路
介绍上海特酷(示例)官网的静态化生成链路:管理端写文章 → NestJS 触发渲染 → puppeteer 输出 dist → 脚本推送到 OSS/CDN。
## 一、内容生产(示例)
管理端使用 wangEditor v5 编辑文章,写入 pc_articles 表。
## 二、触发方式(示例)
手动按钮 / CLI / 定时 cron / 事件驱动四种并存。
## 三、模板渲染(示例)
Handlebars 编译 + 占位符替换 → puppeteer 渲染真实 CSS/JS 异步。
## 四、产物归档(示例)
写入 fronted-pc/dist/ 后记录 sha1/size/durationMs。
## 五、CDN 推送(示例)
scripts/deploy-pc-static.bat 上传到阿里云 OSS 并刷新 CDN。
## 六、访问统计(示例)
pc-tracker.js 上报,pc_page_views 表 UPSERT viewCount。
← 返回文章列表
