# 发布 HTML 页面使用 **资产优先工作流程** 将 HTML 页面发布到 Cloudflare Pages：图像和媒体首先上传到 R2 存储 (cf-assets)，然后 HTML 通过 URL 引用它们，而不是嵌入 Base64 数据。这使得页面轻量且快速。 ## 何时使用此技能 * 用户请求“创建/发布/部署 HTML 页面” * 用户要求“制作网页”或“构建登陆页面” * 用户想要发布 HTML 内容（报告、游戏、仪表板、投资组合等） * 用户提及“page.yesy.site”或发布到页面 ## 何时不使用此技能 * 上传没有 HTML 页面的独立文件（图像、视频、PDF）——使用“cloudflare-assets”技能 * 通过构建步骤部署完整的 Web 应用程序 — 使用“cloudflare-pages”技能 * 编辑现有代码项目——使用标准开发工作流程 ** ** ## 架构 ┌──────────────────┐ │ AI生成 │ │ HTML + 资源 │ └────────┬────────┘ │ ┌────────────┼──────────────┐ │ │ │ ▼ ▼ ▼ ┌──────────┐ ┌──────────┐ ┌──────────┐ │ 图片 │ │ 视频 │ │ SVG/CSS │ │ (png, │ │ (mp4, │ │ (内嵌 │ │ jpg...) │ │ webm) │ │ 可以) │ └────┬──────┘ └────┬──────┘ └──────┬──────┘ │ │ │ ▼ ▼ │ ┌────────────────────────────┐ │ │ cf-assets (R2 存储) │ │ │ 资产.yesy.site │ │ │ → 返回公共 URL │ │ └────────────┬──────────────┘ │ │ │ ▼ ▼ ┌──────────────────────────────────────┐ │ 带有 URL 引用的 HTML │ │（轻量级，无base64 blob）│ └──────────────┬──────────────────────┘ │ ▼ ┌──────────────────────┐ │ cf-页面发布-mcp │ │ 页面.yesy.site │ │ (KV存储) │ └──────────────────────┘ ** ** ## 工作流程（强制） ### 步骤 0：设计阶段（如果需要）如果页面需要自定义视觉资源（英雄图像、插图、图标、图形）： 1. **检查`canvas-design`技能是否可用** 2. **如果可用** ：使用它生成图像，然后继续步骤1 3. **如果不可用**：询问用户： >“此页面将受益于自定义图形。您想安装`canvas-design`技能来生成图像吗？您可以使用以下命令安装它：`/install-skill canvas-design`” 4. **如果用户拒绝**：使用 SVG 图形、CSS 艺术、表情符号或库存图像 URL 代替如果可用，也可以使用其他图像生成技能，例如“nano-banana”或“gpt-image-1-5”。 ### 第 1 步：分析内容在编写任何 HTML 之前，请确定页面需要的所有媒体资源： * **二进制图像**（PNG、JPG、WebP、GIF）→ 必须上传到 cf-assets * **视频**（MP4、WebM）→ 必须上传到 cf-assets * **SVG 图形** → 可以直接内嵌在 HTML 中（小型、基于文本） * **CSS/字体** → 应内联在 `

发布 Html 页面

包含技能