刷酒店攻略及体验内容生成工具，帮助创作者快速产出图文并茂的 HTML 酒店攻略及 Markdown 版本。
每次执行任务时，必须同时生成以下文件：
| 文件 | 说明 |
|---|---|
| ------ | ------ |
[酒店名]酒店攻略.md | Markdown 纯文本版（便于编辑） |
[酒店名]酒店攻略.html | HTML 图文版（含图片嵌入，可直接预览/分享） |
images/ 目录 | 照片副本（相对路径引用） |
#1a1a2e（深蓝黑）#c9a96e / #B8860B（金色系）#f5f0eb（暖白）<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>[酒店名称] | [英文名] - 酒店攻略</title>
<style>
/* === 全局变量 === */
:root {
--gold: #B8860B;
--dark: #1a1a2e;
--light: #f5f0eb;
--accent: #c9a96e;
}
/* === Hero Header === */
.hero { 渐变背景 + 封面图半透明叠加 }
/* === Section 标题 === */
.section-title { 下划线装饰 + 中英文双语 }
/* === 图片卡片 === */
.img-card { 圆角14px + 阴影 + hover上浮动效 + caption说明条 }
/* === 高亮盒子 === */
.highlight-box { 深色背景 + 金色标题 }
/* === 评分卡片 === */
.rating-box { 金色渐变背景 + 大号数字 }
/* === 推荐理由网格 === */
.reason-grid { 自适应卡片网格 }
/* === 标签墙 === */
.tags-container { flex wrap 居中排列 }
</style>
</head>
<body>
<!-- 1. Hero 区域：酒店名 + 英文名 + 入住信息badge -->
<!-- 2. 一、概览：酒店外观照片 + 酒店大堂照片 + 文字描述 -->
<!-- 3. 二、客房：客房整体照 + 客房局部照 + 客房卫生&卫浴照 + 文字描述 -->
<!-- 4. 三、餐饮：酒廊下午茶照 + 酒廊HH照片 + 早餐厅早餐照片 + 文字描述 -->
<!-- 5. 四、设施：健身房整体照 + 健身房局部照 + 游泳池照片 + 文字描述 -->
<!-- 6. 五、难忘瞬间：难忘瞬间照片1 + 难忘瞬间照片2 + 文字描述 + highlight-box 深色高亮区 -->
<!-- 7. 六、总结：rating-box + reason-grid + tips + warnings -->
<!-- 8. 标签墙 tags-container -->
<!-- 9. footer 免责声明 -->
</body>
</html>
1. 将用户提供的照片复制到工作区的 images/ 子目录
2. HTML中使用相对路径引用：<img src="images/[文件名]">
3. 每张图片包裹在 .img-card 容器中：
<div class="img-card">
<img src="images/xxx.JPEG" alt="描述文字">
<div class="img-caption">📍 简短说明</div>
</div>
4. 图片按内容类型插入对应章节（见下方映射表）
> 当前模型版本不支持直接在对话中附图片附件（会被系统过滤）。
> 请务必使用以下方式提供照片，否则任务无法正确执行。
照片在 D:\我的酒店照片\ ，帮我生成成都华尔道夫酒店的攻略
操作步骤：
D:\华尔道夫照片）images/ 目录.md + .html 双版本支持的文件夹格式：
D:\照片\、C:\Users\xxx\Desktop\> 直接附图片附件会触发内容过滤，任务看似完成但实际无内容输出。
以下方式不推荐，目前无法正常工作：
@image:文件名.JPEG 在对话中引用图片用户操作：
> 照片在 `D:\华尔道夫照片，帮我生成华尔道夫的住宿攻略
AI 自动执行：
search_file 扫描文件夹 → 找到 酒店大楼外观照片.JPEG 等 13 张酒店大楼外观照片.JPEG → 一、概览 → 酒店外观酒店大堂照片.JPEG → 一、概览 → 酒店大堂酒店客房整体照片.JPEG → 二、客房 → 房间整体酒店客房局部照片.JPEG → 二、客房 → 局部细节酒店客房卫生间及浴室照片.JPEG → 二、客房 → 卫生间酒店酒廊下午茶照片.JPEG → 三、餐饮 → 下午茶酒店酒廊HH照片.JPEG → 三、餐饮 → Happy Hour酒店早餐厅照片.JPEG → 三、餐饮 → 早餐酒店健身房整体照片.JPEG → 四、设施 → 健身房整体酒店健身房局部照片.JPEG → 四、设施 → 健身房局部酒店游泳池照片.JPEG → 四、设施 → 游泳池酒店难忘瞬间照片1.JPEG → 五、难忘瞬间 → 难忘事件1酒店难忘瞬间照片2.JPEG → 五、难忘瞬间 → 难忘事件2images/ 目录华尔道夫酒店攻略.md华尔道夫酒店攻略.html（含图片嵌入）preview_url 浏览器预览@image:文件名 引用照片```
创建 images/ 子目录 → 复制所有照片到此目录
```
!描述 格式 嵌入图片标准照片位置映射
照片文件名关键词 自动识别为 插入章节 HTML Caption 前缀 ----------------- ----------- --------- ------------------ 外观/大楼/外立面 酒店外观 一、概览→酒店外观 🏨 大堂/lobby 酒店大堂 一、概览→大堂 🌟 客房/房间/整体 客房整体 二、客房→房间整体 🛋️ 局部/细节/特写 客房局部 二、客房→局部细节 🪟 卫生间/浴室/洗手间 卫生间浴室 二、客房→卫生间 🚿 餐厅/早餐/HappyHour餐饮 餐饮 三、餐饮 🍳 健身房/泳池/其他设施 设施 四、设施 🏊 其他（服务/惊喜等） 难忘瞬间 五、难忘瞬间 ✨
使用方法
方式1：直接调用（无照片）
生成一篇关于[主题]的酒店攻略/体验分享笔记
→ 输出 MD + HTML（无图片占位）
方式2：照片+主题（推荐 ⭐）
@image:酒店大楼外观照片.JPEG
@image:酒店大堂照片.JPEG
@image:酒店客房整体照片.JPEG
...
帮我生成酒店攻略，酒店名称是[XXX酒店]
→ 输出 MD + HTML（含图片嵌入），自动打开浏览器预览
方式3：指定照片目录
照片在 D:\XXX酒店照片 ，帮我生成[XXX酒店]的攻略
→ 自动扫描目录中的图片文件，根据文件名匹配章节
方式4：指定风格
写一篇[酒店体验/酒店攻略/酒店吐槽]类的相关内容，主题是[主题]
方式5：批量标题
生成3个关于[主题]的标题供我选择
方式6：照片分析后填充
分析这些照片并生成酒店攻略：
@image:xxx.JPEG
@image:xxx.JPEG
...
照片描述生成规则
大堂描述模板
一进入大堂，首先感受到[挑高/空间感描述]。整体装修风格[风格描述]，
[色调描述]。前台区域[布局描述]，[服务细节]。香氛[香型描述]，
灯光[氛围描述]。整体给人[主观感受]的感觉。
客房描述模板
推开房门，[第一感受描述]。房间[面积描述]，[布局特点]。
[床品描述]，[枕头舒适度]。窗外[景观描述]。
[局部特色描述]（如mini bar、办公区等）。
卫生间采用[设计描述]，[洗手台描述]，[淋浴/浴缸描述]。
整体卫生状况[评价]。
外观描述模板
酒店[楼高/规模描述]，外立面采用[材质描述]，
整体风格[商务/现代/古典等定位]，[与周边建筑关系描述]。
[夜间/白天不同氛围描述]。
照片文件命名约定
推荐的文件命名格式，便于自动识别：
文件名关键词 自动识别为 ------------- ----------- 外观/大楼/外立面 酒店外观 大堂/lobby 酒店大堂 客房/房间/整体 客房整体 局部/细节/特写 客房局部 卫生间/浴室/洗手间 卫生间浴室 餐厅/早餐/HappyHour餐饮 餐饮 健身房/泳池/设施 设施
示例
输入（带照片）：
照片在 D:\华尔道夫照片\ ，帮我生成华尔道夫酒店的攻略
输出文件结构：
工作区/
├── 华尔道夫酒店攻略.html ← 浏览器直接打开预览
├── 华尔道夫酒店攻略.md ← 纯文本可编辑版本
└── images/ ← 照片副本
├── 酒店大楼外观照片.JPEG
├── 酒店大堂照片.JPEG
├── 客房整体照片.JPEG
├── 客房局部照片.JPEG
├── 客房卫生间&卫浴照片.JPEG
├── 酒廊下午茶照片.JPEG
├── 酒廊HH照片.JPEG
├── 早餐厅早餐照片.JPEG
├── 健身房整体照片.JPEG
├── 健身房局部照片.JPEG
├── 游泳池照片.JPEG
├── 难忘瞬间照片1.JPEG
└── 难忘瞬间照片2.JPEG
输出效果：
- ✅ HTML 文件：在浏览器中打开即可看到完整图文排版效果
- 深金配色的 Hero 头部
- 13张照片以卡片形式嵌入对应章节
- 悬停动效、响应式布局
- 评分卡片、标签墙、推荐理由网格
- ✅ MD 文件：纯文本 Markdown 格式，方便后续编辑
最佳实践
内容安全准则
- 避免敏感词
- 不要用："最"、"第一"、"保证"
- 避免：价格（可写"性价比高"）、人身攻击、政治倾向
- 真人感优先
- AI生成 → 人工微调 → 发布
- 保留个人语言习惯
- 照片描述应贴合实际视觉感受
- 照片描述规范
- 客观描述为主 + 主观感受点缀
- 长度控制在50-100字/张照片
- 避免过度修辞，保持真实感
照片质量要求
- 建议分辨率：1080p以上
- 推荐角度：正面、45度角
- 光线：自然光或室内柔光
- 文件大小：不超过10MB
HTML 输出检查清单
- [ ] 所有图片均通过相对路径
images/xxx 引用 - [ ] 每张图片都包裹在
.img-card 容器中并配有 .img-caption - [ ] Hero 区域包含酒店中英文名 + 入住信息 badge
- [ ] 六大章节完整（概览/客房/餐饮/设施/难忘瞬间/总结）
- [ ] 评分卡片 + 推荐理由网格 + 建议 + 注意事项
- [ ] 标签墙包含 12-18 个精准标签
- [ ] CSS 包含响应式媒体查询
@media (max-width: 600px) - [ ] 页脚包含免责声明
更新日志
v1.2.1 (2026-04-24) ⭐ 重要修复
- 新增照片文件提供方式说明：明确告知用户 ✅（文件夹路径）与 ❌（直接附图片）的区别
- 新增触发词：
"帮我生成酒店攻略"、"照片在X盘帮我生成" - 新增完整操作示例，展示 AI 自动执行全流程
v1.1.0 (2026-04-24) ⭐ Major Update
- 新增 HTML 图文输出能力
- 生成可直接浏览器预览的精美 HTML 文件
- 照片以卡片形式嵌入页面，支持悬停动效
- 深金色配色方案，契合高端酒店调性
- 响应式设计，手机端完美适配
- 双格式输出：同时生成 .md + .html 两个版本
- 照片自动处理：复制到 images/ 目录，统一相对路径引用
- 更新输出流程：生成后自动调用 preview_url 在浏览器中预览
- 新增 HTML 结构模板和样式规范
- 新增输出检查清单
v1.0.2 (2026-04-24)
- 新增照片智能识别流程
- 增加照片位置自动映射
- 优化照片描述生成规则
- 补充文件命名约定
v1.0.1 (2026-04-24)
- 完善内容模板
v1.0.0 (2026-04-23)
- 首次内容发布
免责声明：
本工具仅供内容创作辅助，请遵守相关规范，建议AI生成内容后人工审核并个性化修改后再发布。
共 3 个版本