城市早报模板

自媒体个人·家庭早报

示例：广州早安 · 今日城事 · 天气早安卡

帮我做一份每天早上发到粉丝群的城市早报，发成一个网页链接：页头是本地号的名字、期号和日期；首屏是一块会跟着真实天气变的天空插画（用 Open-Meteo 的免费天气接口取这座城市的实时天气，晴天有太阳和光点、多云和阴天有云在飘、下雨有雨丝、打雷会闪一下），上面压一个很大的现在气温、天气和体感、今天最低最高和降雨概率，再按数据推出三条提示：穿什么、带不带伞、要不要防晒，底下写明数据来源和更新时间；页面里先内联一份今天的天气快照，接口取不到时照样显示。接着是未来 7 天的横滑小卡（星期、图标、最高最低温的小竖条、降雨概率）和一句话总结；然后「今日城事」5 条本地资讯卡片（地铁、展览、菜价、交通管制、民生，每条一个分类、时间和两三句话）；再推荐一个「今天去哪」，带日落时间；最后一个「早安打卡」：填称呼、点一个心情，存到数据表，页面读回今天几人打卡和心情分布，打完出一张早安卡。颜色清爽，手机上一屏先看到天气，电脑上左边天气右边内容。每天早上更新同一个链接。

参考模板：先读 https://space.24haowan.com/examples/sample-city-morning/agent.md ，照它的结构和版式做，内容全部换成我的；做成一个单文件 HTML（样式写在页面里、不引用外部文件，手机上好看），并提供 .html 文件下载。
· 你有活页工具（MCP）：用样例 sample-city-morning 当底稿（list_examples key=sample-city-morning），发成活页，先给我看预览。
· 没有活页工具、但能发 HTTPS 请求：把做好的 HTML 以 Content-Type: text/html POST 到 https://space.24haowan.com/api/quick?client=template-sample-city-morning ，把返回的预览链接和认领链接给我（7 天临时链接）。
如果你还没有活页连接器（MCP），先读 https://space.24haowan.com/for-agents.md ，照里面的说明接入，或不登录直接发布。

豆包、DeepSeek、Kimi、元宝、ChatGPT、Claude……能上网读链接的都可以

看真页面

发成微信里能打开的链接

WorkBuddy、Claude、Codex 等支持 MCP 的 Agent，微信扫码登录

第一次在 WorkBuddy 里接活页？看图文手册 ›

帮我接入活页：先读 https://space.24haowan.com/for-agents.md ，一步步带我完成；然后参考 https://space.24haowan.com/examples/sample-city-morning/agent.md 做一份我自己的「广州早安 · 今日城事」，发成活页，先给我看预览。

我的要求：帮我做一份每天早上发到粉丝群的城市早报，发成一个网页链接：页头是本地号的名字、期号和日期；首屏是一块会跟着真实天气变的天空插画（用 Open-Meteo 的免费天气接口取这座城市的实时天气，晴天有太阳和光点、多云和阴天有云在飘、下雨有雨丝、打雷会闪一下），上面压一个很大的现在气温、天气和体感、今天最低最高和降雨概率，再按数据推出三条提示：穿什么、带不带伞、要不要防晒，底下写明数据来源和更新时间；页面里先内联一份今天的天气快照，接口取不到时照样显示。接着是未来 7 天的横滑小卡（星期、图标、最高最低温的小竖条、降雨概率）和一句话总结；然后「今日城事」5 条本地资讯卡片（地铁、展览、菜价、交通管制、民生，每条一个分类、时间和两三句话）；再推荐一个「今天去哪」，带日落时间；最后一个「早安打卡」：填称呼、点一个心情，存到数据表，页面读回今天几人打卡和心情分布，打完出一张早安卡。颜色清爽，手机上一屏先看到天气，电脑上左边天气右边内容。每天早上更新同一个链接。

分享海报

微信里长按图片保存或转发给朋友；扫码就能打开这个模板。

下载海报

这份模板

本地生活号、社区群、楼盘业主群、门店会员群想每天早上发一条「今天穿什么、带不带伞、城里有什么事」，首屏是跟着真实天气变的动态天空，末尾让大家打个早安卡，选它。要给客户或团队发行业资讯、往期可翻，选 sample-daily-brief；只做 AI 圈新闻早报选 sample-ai-morning；要的是收盘行情复盘选 sample-market-recap。

页面结构：今天天气 · 未来 7 天 · 今日城事 · 今天去哪 · 早安打卡

外部数据是真的：天气来自 Open-Meteo（免费、无需 key），页面内联一份当天快照先画首屏，脚本再取实时数据（3 秒超时），失败就保留快照并写明「数据更新于」
首屏天空按 weather_code 切成晴 / 多云 / 阴 / 雨 / 雷雨，canvas 现画阳光粒子、飘云、雨丝；穿衣、带伞、防晒三条提示由数据推出来
早安打卡写回数据表 checkins（列 name / mood），页面读回今天几人打卡、心情分布，打完就地出一张早安卡
同一个链接每天 7:00 更新城事和快照，粉丝群里收藏一次就够

发之前要备好：数据表 checkins（列 name / mood，append_open=true）：文末早安打卡写进这里，页面读回今天几人打卡、心情分布（按每行的提交时间算北京时间的今天）；发布前先用 set_data 建好；天气接口 api.open-meteo.com（免费、无需 key，署名「天气数据：Open-Meteo.com（CC BY 4.0）」）：发布回执会把它列为站外域名，这是事实说明、不是提醒；每天更新时顺手刷新页面里的天气快照

看模板源码 ›

这份哪里不合适？提改进建议模板工厂每天看一次，改好了写进改进记录

改进记录

2026-10-31 · 刷新数据广州早安 · 今日城事 — 更新 Open-Meteo 天气快照、静态兜底提示与手机电脑截图。
2026-10-29 · 新上线城市天气早报 — 资讯早报是发得最多的一类，接真实天气

更新日志 ›

城市早报模板

同类案例