活頁LivePage

同一個連結,手機、電腦、投屏都能開啟,自動適配。

寵物日記模板

個人·家庭家庭

示例:糰子的第 365 天 · 寵物日記

幫我給我家狗做一頁到家一週年的日記,發到家人群和朋友圈:首屏大標題「<名字>的第 365 天」和到家日期,正中一隻用 SVG 畫的狗(照它的品種和毛色),會眨眼、搖尾巴,點它會合成一聲狗叫(點了才出聲,右上角能靜音)並跳一下,下面一行體重、月齡、收到幾根骨頭;電腦上狗居中放大,左邊檔案卡和今天早上做了什麼,右邊骨頭數和下一次驅蟲,卡片微微歪著。往下是「它的一年」:每月一張拍立得,一幅它在做那件事的簡筆 SVG 插畫(不用真照片)、日期和一句話,卡片輕微傾斜、滾到時依次落下;然後是每月稱一次的體重曲線,襯上這個品種成年體重的參考帶,點某個月看當月;「之最」六個趣味數字(拆家次數、最愛玩具、散步里程、最快衝到門口……);疫苗與驅蟲時間線按真實日期畫,標出今天和下一次還有幾天;最後是「送它一根骨頭」,寫稱呼和一句話提交,存進資料表,頁面讀回顯示骨頭數和留言氣泡。顏色清爽,可愛但別幼稚;指令碼不跑時內容和表單都完整。

參考模板:先讀 https://space.24haowan.com/examples/sample-pet-diary/agent.md ,照它的結構和版式做,內容全部換成我的;做成一個單檔案 HTML(樣式寫在頁面裡、不引用外部檔案,手機上好看),並提供 .html 檔案下載。
· 你有活頁工具(MCP):用樣例 sample-pet-diary 當底稿(list_examples key=sample-pet-diary),發成活頁,先給我看預覽。
· 沒有活頁工具、但能發 HTTPS 請求:把做好的 HTML 以 Content-Type: text/html POST 到 https://space.24haowan.com/api/quick?client=template-sample-pet-diary ,把返回的預覽連結和認領連結給我(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-pet-diary/agent.md 做一份我自己的「糰子的第 365 天」,發成活頁,先給我看預覽。

我的要求:幫我給我家狗做一頁到家一週年的日記,發到家人群和朋友圈:首屏大標題「<名字>的第 365 天」和到家日期,正中一隻用 SVG 畫的狗(照它的品種和毛色),會眨眼、搖尾巴,點它會合成一聲狗叫(點了才出聲,右上角能靜音)並跳一下,下面一行體重、月齡、收到幾根骨頭;電腦上狗居中放大,左邊檔案卡和今天早上做了什麼,右邊骨頭數和下一次驅蟲,卡片微微歪著。往下是「它的一年」:每月一張拍立得,一幅它在做那件事的簡筆 SVG 插畫(不用真照片)、日期和一句話,卡片輕微傾斜、滾到時依次落下;然後是每月稱一次的體重曲線,襯上這個品種成年體重的參考帶,點某個月看當月;「之最」六個趣味數字(拆家次數、最愛玩具、散步里程、最快衝到門口……);疫苗與驅蟲時間線按真實日期畫,標出今天和下一次還有幾天;最後是「送它一根骨頭」,寫稱呼和一句話提交,存進資料表,頁面讀回顯示骨頭數和留言氣泡。顏色清爽,可愛但別幼稚;指令碼不跑時內容和表單都完整。
分享海報

微信里長按圖片儲存或轉發給朋友;掃碼就能開啟這個模板。

糰子的第 365 天 的分享海報

下載海報

這份模板

貓狗到家一週年、生日、絕育滿月這類「給毛孩子記一年」的頁面:首屏一隻會動、能點的主角,往下是按月的拍立得牆、體重曲線、趣味資料和疫苗驅蟲提醒,親友看完送一根骨頭、留一句話,選它。給小孩做一歲成長相簿、想一頁頁翻書看,選 sample-growth-album;只想收親友的祝福彈幕,選 sample-wish-wall;要每週更新的家庭安排,選 sample-family-week。

頁面結構:糰子 · 糰子的一年 · 體重 · 糰子之最 · 疫苗與驅蟲 · 送一根骨頭

  • 首屏一隻內聯 SVG 畫的柯基:眨眼、搖尾巴,點它會叫一聲(Web Audio 現合成,點了才響,可靜音)並跳一下
  • 拍立得卡片牆:12 張按月的 SVG 插畫,輕微傾斜、滾動入場
  • 體重曲線(手機 / 電腦各一套座標,點某個月看當月)與按真實日期比例的疫苗驅蟲時間線,標出今天和下一次
  • 「送一根骨頭」原生表單寫進資料表 treats,頁面讀回骨頭數與留言氣泡
  • 同一個連結接著更新(第二年往後續寫,不用重發)

發之前要備好:資料表 treats(列 name / text,append_open=true):「送一根骨頭」的表單寫進這裡,頁面讀回骨頭數與留言氣泡,發布前先用 set_data 建好

看模板原始碼 ›

同類案例