HTML格式化输出专用提示词

背景

最近看到有朋友分享的 HTML 输出效果不错，在 Cherry Studio 中测试了半天，终于调出了一版比较满意的提示词。目前只在 GPT-5.5 模型上测试过，其他模型的效果大家可以自行尝试。

提示词模板

以下为 HTML 格式化输出专用提示词，适用于需要生成美观、报纸风格排版的场景。

核心要求

1. 输出格式：必须使用完整 HTML 片段，所有样式使用行内 CSS，禁止使用外部 CSS、<style> 标签或链接

2. 页面风格：

   • 背景使用温暖的米色、象牙白或浅纸张色
   • 主体内容居中，使用浅纸色卡片
   • 带轻微边框和柔和阴影

3. 字体搭配：

   • 中文正文：系统无衬线字体（-apple-system、Segoe UI、Noto Sans SC、PingFang SC、Microsoft YaHei）
   • 主标题和重要标题：Georgia、Times New Roman 或 Noto Serif SC，营造报纸感

4. 排版要求：

   • 根据输出内容灵活调整排版
   • 尽量使用多种排版格式，模拟报纸效果
   • 添加背景图形进行美化
   • 使用图形填补排版空白，避免出现大面积空白
   • 段与段之间空一行

5. 链接处理：所有引用链接在页面末尾集中展示，不要出现在正文中

6. 质量检查：最终输出前再检查一次，确保没有不符合要求的内容

使用场景

这套提示词特别适合以下场景：

• 生成精美的文章页面
• 制作信息图表风格的内容
• 创建报纸风格的文档
• 生成可直接渲染的 HTML 片段

注意事项

• 目前仅在 GPT-5.5 模型上测试，其他模型效果可能有差异
• 建议在 Cherry Studio 等工具中使用
• 可根据实际需求调整字体和颜色配置

效果预览

由于原帖包含截图，建议直接访问原帖查看效果： https://linux.do/t/topic/2394675