# 知潮 AI 行业早报 · 10月27日

> Public LivePage template `sample-ai-morning` · Scene: News briefs · Industries: Tech / Media & marketing
> Anyone and any agent may read and adapt it; no account needed. Example content is fictional.
> Live page: https://space.24haowan.com/s/1Uag0SF3GQlc · Detail: https://space.24haowan.com/examples/sample-ai-morning

## What it is

AI 行业早报 · 竖屏故事卡，一分钟刷完今天几条要闻

## When to use it

每天早上发一期、读者在微信里一分钟刷完的轻资讯：行业要闻、公众号早报、社群每日几条。一屏一条、自动翻页，像刷故事，适合发群和朋友圈。要看行情曲线、指标表、往期和来源脚注、给客户正式参考的长页简报选 sample-daily-brief（储能行业长页看板）；数字全天在变的战报选 sample-sales-live。

## What the user would say

把今天的 AI 行业动态做成一份竖屏故事卡早报，发成一个网页链接：像刷手机故事那样一屏一条、6 秒自动翻到下一张，顶上一排进度条，点右边下一张、点左边上一张、按住暂停；第一张是封面，写刊名和期号、一个发光的「8:00」圆、今天日期和编辑、六条要闻的一行标题；接着六张，每张一种深色渐变底，左上一个分类标签（价格 / 端侧 / Agent / 教育 / 算力 / 合规），一个特别大的数字（如 -52%、3B）加一句单位说明，一句加粗标题、两三句怎么看，右下一个跟内容相关的简笔线条图，底部写信息来源；最后一张写「明早 8:00 见」和一个关注更新的按钮、一个从头再看。电脑上居中一列手机宽的舞台。以后每天早上 8 点把新一期更新到同一个链接。

If you don't have the LivePage connector (MCP) yet, read https://space.24haowan.com/for-agents.md first and follow it to connect, or publish without signing in.

## How to make your own

1. Read the entry file https://space.24haowan.com/examples/sample-ai-morning/source/index.html (and the other files below if it references them).
2. Keep the structure, layout and interactions; replace ALL content with the user's own. Company names, people and numbers in the template are fictional.
3. Deliver one self-contained HTML file (styles inline, no external fonts/scripts/CDNs) that looks right at 375px and 1440px wide, with dark mode if the template has it.
4. To turn it into a link that opens inside WeChat and keeps updating: connect LivePage (https://space.24haowan.com/for-agents.md) and publish; without an account the user can upload the file at https://space.24haowan.com/quick.
5. No LivePage tools but you can send HTTPS requests: POST the finished HTML (Content-Type: text/html) to https://space.24haowan.com/api/quick?client=template-sample-ai-morning — it returns a preview link, a 7-day share step and a claim link the user can keep after signing in.

## Page structure

- 今日 6 条
- 模型：价格与端侧
- 应用：Agent 与课堂
- 底座：算力与合规
- 明早 8:00 见

## Files (public, plain text)

- https://space.24haowan.com/examples/sample-ai-morning/source/index.html (entry)
- https://space.24haowan.com/examples/sample-ai-morning/source/cover.webp

## Once published on LivePage

- 同一链接每天更新不变（每天往同一份页面发一个新版本）
- 末页「关注更新」（data-space="subscribe"）：读者订阅后新一期发出时收到微信提醒
- 阅读回执：翻到第几张（每组卡片的 data-track-section）

## Prepare before publishing

- 每天定时更新：让助手每天早上跑一次（需要助手那边能设定时任务），每次用同一个 proposal_id 发新版本，链接不变；末页「关注更新」的读者会收到新一期提醒

## Template README

官网首页「大家正在用活页做这些」里那张 AI 早报的样例包。刊名「知潮」、编辑、文中的公司与数字均为虚构（「某头部云厂商」一类写法是刻意不点名）。

## 演示哪个特色

**同一个链接每天早上换新一期 + 读者订阅新一期。**

- 每天往同一份页面发一个新版本：`proposal_id` 不变 ⇒ 链接不变，读者收藏一次就够。
- 末页「＋ 关注更新」是 `data-space="subscribe"` 按钮：读者点了订阅这一页，下一期发出时收到微信提醒（平台的读者浮窗隐藏时它照样能用）。
- 形态是竖屏故事：8 张 `section.card` 叠在一个手机宽的舞台里，6 秒自动翻页、顶上进度条、点右 / 左翻页、按住暂停、左右滑、键盘方向键；
  `prefers-reduced-motion` 时不自动翻、不做动效。
- 阅读回执按「组」记：5 节 `today` / `models` / `apps` / `infra` / `tomorrow` 挂在每组第一张卡上（`id` = `data-track-section` = `sections[].anchor`）。
  不在屏上的卡片淡出后挪到舞台下方，所以平台只看得到正在显示的那一张；翻页时脚本发一次 `scroll`，让目录高亮跟上。
  壳页目录点某一节时，脚本收到 `{space:'goto'}` 直接翻到那张卡。
- 卡片本身就是深色渐变；电脑上舞台外的底色随主题（浅 `#e6e9e1` / 深 `#0f1411`，两处暗色写法都在），manifest `theme: "system"`。

## 改哪里变成我的

| 位置 | 改什么 |
|---|---|
| `.head` | 刊名、期号、刊标（内联 SVG） |
| 封面 `#today` | 日期、星期、编辑；`.list` 六行是今天六条的短标题，与后面六张卡一一对应 |
| 六张新闻卡 | 每张：`--bg` 渐变、`.tag` 分类、`.big` 大数字 + `<small>` 单位、`.unit` 一句说明、`h2` 标题、`p.sum` 两三句、`svg.art` 线条图、`.src` 来源。增减卡片时进度条自动跟着变 |
| 分组 | 想按别的方式分组，就把 `data-track-section` 挪到每组第一张卡上，并同步 `manifest.sections` |
| 末页 `#tomorrow` | 下期时间、关注按钮文字；页脚是平台标志与名称（与 `core/space/src/theme.ts` 的 `MARK_SVG` / `PUBLIC_NAME` 逐字一致，测试咬着）+ 一句适用场景，发自己的早报时删掉 |
| 翻页节奏 | 脚本里 `DUR=6000`（毫秒） |
| `manifest.json` | `title` / `share.title` / `share.desc` 每期改日期与条数 |

## 怎么发出去

单文件，用 MCP `publish_file`：

```
publish_file
  filename: "index.html"
  content: <index.html 全文>
  title: "AI 行业早报"
  manifest: <manifest.json 的内容，去掉 entry>
  hold: true
```

回执里有 `proposal_id`。**第二天起**：换掉内容再调一次 `publish_file`，传 `proposal_id` 而不是 `title` —— 链接不变，订阅了的读者收到提醒。
每天定时出刊交给助手的定时任务。给谁看：`set_visibility`（发群用 `public` 或 `passcode`）。

## 素材

- 图都是页内的简笔 SVG。`cover.webp` 是分享卡封面；`thumb.webp` 由 `examples/verify-shots.mjs --write-thumb` 截出，不进发布包。