城市早报 template

Media & marketing Personal News briefs

Example: 广州早安 · 今日城事 · 天气早安卡

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

Reference template: first read https://space.24haowan.com/examples/sample-city-morning/agent.md and follow its structure and layout, replacing all content with mine. Deliver one self-contained HTML file (styles inline, no external files, good on phones) and give me the .html file to download.
· If you have LivePage tools (MCP): use sample sample-city-morning as the base (list_examples key=sample-city-morning), publish it on LivePage and show me the preview first.
· No LivePage tools but you can send HTTPS requests: POST the finished HTML with Content-Type: text/html to https://space.24haowan.com/api/quick?client=template-sample-city-morning and give me the preview link and claim link it returns (a 7-day temporary link).
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.

Doubao, DeepSeek, Kimi, Yuanbao, ChatGPT, Claude… any agent that can read a link

View page

Publish as a link that opens in WeChat

WorkBuddy, Claude, Codex and other MCP agents; sign in by scanning with WeChat

Connecting LivePage in WorkBuddy for the first time? See the illustrated guide ›

Connect me to LivePage: first read https://space.24haowan.com/for-agents.md and walk me through it step by step; then use https://space.24haowan.com/examples/sample-city-morning/agent.md as a reference to make my own "广州早安 · 今日城事", publish it on LivePage and show me the preview first.

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

Share poster

In WeChat, long-press the image to save or forward it. Scanning the code opens this template.

Download poster

About this template

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

Page structure：今天天气 · 未来 7 天 · 今日城事 · 今天去哪 · 早安打卡

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

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

View template source ›

Something missing here? Suggest an improvementThe template factory checks daily and logs every improvement

Improvement history

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

Changelog ›

城市早报 template

More like this