LivePage

One link opens on phones, computers and big screens, and adapts to each.

民宿入住指南 template

TravelPersonalTrips & routes

Example: 见山小院 · 林小满的入住指南 · 房卡翻开

帮我做一份民宿入住指南,入住前一天发给客人,发成一个网页链接:首屏是一张像实体房卡的卡片(民宿名和标志、房间名、客人姓名人数、住几号到几号),点一下或往上滑会 3D 翻到背面,背面是房号、入住退房时间和距入住还有多久,翻卡时有一声可以关掉的「嘀」;往下依次是:入住与退房(一个很大的倒计时、入住几点起退房几点前、早到了怎么办);怎么找到我们(一张手画风格的路线示意图,标出下车点、步行路线和民宿位置,下面三步文字指路,地址一键复制);进门与上网(院门密码是一块遮住的卡,入住当天才能按住查看,Wi-Fi 名称密码一键复制);这几天的天气(用 Open-Meteo 免费天气接口取民宿所在城市未来 7 天,页面里先内联一份今天的快照,接口取不到也能显示;画一张最高最低温的温度带图,把客人住的那几天标出来,再根据那几天的数据用房东的口吻写一句提醒,比如下雨带伞、早晚温差大要带外套,附穿衣、带伞、防晒几条,写明数据来源和更新时间);周边吃喝玩 5 个推荐(类型、店名、一句话、走几分钟);入住须知点开看;最后「住得怎么样」:打 1–5 星、选一个最喜欢的、写一句想改进的,存到数据表,页面读回平均星级和条数。颜色安静,手机上首屏只有房卡,电脑上左边房卡右边指南。下一位客人来时改日期再更新同一个链接。

Reference template: first read https://space.24haowan.com/examples/sample-homestay-guide/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-homestay-guide as the base (list_examples key=sample-homestay-guide), 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-homestay-guide 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-homestay-guide/agent.md as a reference to make my own "见山小院 · 林小满的入住指南", publish it on LivePage and show me the preview first.

My requirements: 帮我做一份民宿入住指南,入住前一天发给客人,发成一个网页链接:首屏是一张像实体房卡的卡片(民宿名和标志、房间名、客人姓名人数、住几号到几号),点一下或往上滑会 3D 翻到背面,背面是房号、入住退房时间和距入住还有多久,翻卡时有一声可以关掉的「嘀」;往下依次是:入住与退房(一个很大的倒计时、入住几点起退房几点前、早到了怎么办);怎么找到我们(一张手画风格的路线示意图,标出下车点、步行路线和民宿位置,下面三步文字指路,地址一键复制);进门与上网(院门密码是一块遮住的卡,入住当天才能按住查看,Wi-Fi 名称密码一键复制);这几天的天气(用 Open-Meteo 免费天气接口取民宿所在城市未来 7 天,页面里先内联一份今天的快照,接口取不到也能显示;画一张最高最低温的温度带图,把客人住的那几天标出来,再根据那几天的数据用房东的口吻写一句提醒,比如下雨带伞、早晚温差大要带外套,附穿衣、带伞、防晒几条,写明数据来源和更新时间);周边吃喝玩 5 个推荐(类型、店名、一句话、走几分钟);入住须知点开看;最后「住得怎么样」:打 1–5 星、选一个最喜欢的、写一句想改进的,存到数据表,页面读回平均星级和条数。颜色安静,手机上首屏只有房卡,电脑上左边房卡右边指南。下一位客人来时改日期再更新同一个链接。
Share poster

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

Share poster for 见山小院 · 林小满的入住指南

Download poster

About this template

民宿、客栈、短租房东在客人入住前一天发一条链接:怎么走、几点入住、门锁密码、Wi-Fi、这几天天气和周边吃喝,离店前顺手收一条评价,选它。要给家人排几天的行程和预算选 sample-weekend-trip;景区、园区的游客导览地图选 sample-visitor-guide;自驾路书选 sample-road-trip;只要一张城市天气早安卡选 sample-city-morning。

Page structure:房卡 · 入住与退房 · 怎么找到我们 · 进门与上网 · 这几天的天气 · 周边吃喝玩 · 入住须知 · 住得怎么样

  • 首屏一张实体房卡,点一下 / 上滑 3D 翻到背面(房号、入住退房时间、倒计时),带一声可静音的「嘀」和轻震
  • 入住倒计时、标题问候、院门密码遮罩都按北京时间现算:入住当天才能按住看密码,退房后自动显示已失效
  • 外部数据是真的:天气来自 Open-Meteo(免费、无需 key),页面内联一份当天快照先画,脚本再取实时数据(3 秒超时),失败就保留快照并写明「数据更新于」;按客人住的那几天推出一句房东口吻的提醒(下雨带伞 / 早晚温差 / 晨雾 / 防晒)
  • 路线示意图(内联 SVG,手机电脑各一套坐标,进入视野时描一遍路线)+ 地址、Wi-Fi 一键复制
  • 离店前评价写回数据表 review(星级 / 最喜欢 / 想改进),页面读回平均星级、条数和大家最喜欢的一项
  • 下一位客人改几行日期再发一版,同一个页面一直用

Prepare before publishing: 数据表 review(列 stars / fav / improve,append_open=true):文末「住得怎么样」写进这里,页面读回平均星级、条数和最喜欢的一项;发布前先用 set_data 建好;天气接口 api.open-meteo.com(免费、无需 key,署名「天气数据:Open-Meteo.com(CC BY 4.0)」):发布回执会把它列为站外域名,这是事实说明、不是提醒;每换一位客人时顺手刷新页面里的天气快照;门锁密码写在页面源码里,遮罩只防旁边的人瞄一眼:真用时把页面设成口令可看(set_visibility passcode),客人退房后换掉门锁密码

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 天气快照、静态兜底提示与手机电脑截图。

Changelog ›

More like this