城市早報模板

自媒體個人·家庭早報

示例：廣州早安 · 今日城事 · 天氣早安卡

幫我做一份每天早上發到粉絲群的城市早報，發成一個網頁連結：頁頭是本地號的名字、期號和日期；首屏是一塊會跟著真實天氣變的天空插畫（用 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 · 新上線城市天气早报 — 资讯早报是发得最多的一类，接真实天气

更新日誌 ›

城市早報模板

同類案例