Files
Claude-Code-Workflow/.claude/skills/text-formatter/templates/bbcode-template.md
catlog22 94ae9e264c Add output preview phase and callout types specifications
- Implemented Phase 4: Output & Preview for text formatter, including saving formatted content, generating statistics, and providing HTML preview.
- Created callout types documentation with detection patterns and conversion rules for BBCode and HTML.
- Added element mapping specifications detailing detection patterns and conversion matrices for various Markdown elements.
- Established format conversion rules for BBCode and Markdown, emphasizing pixel-based sizing and supported tags.
- Developed BBCode template with structured document and callout templates for consistent formatting.
2026-01-13 16:53:25 +08:00

5.5 KiB

BBCode Template

论坛优化的 BBCode + Markdown 混合模板(像素级字号)。

核心规则

字号体系 (Pixels)

元素 Size 说明
主标题 150 文档标题
章节标题 120 H2 级别
子标题 100 H3 级别
正文 (默认) 不指定
备注 80 灰色小字

禁止使用

  • [align] - 不渲染
  • [hr] - 不渲染,用 ---
  • [table] - 支持有限
  • HTML 标签

文档模板

基础文档结构

[size=150][color=#2196F3][b]{{title}}[/b][/color][/size]

[size=80][color=gray]{{metadata}}[/color][/size]

---

{{introduction}}

---

[size=120][color=#2196F3][b]{{section1_title}}[/b][/color][/size]

{{section1_content}}

---

[size=120][color=#2196F3][b]{{section2_title}}[/b][/color][/size]

{{section2_content}}

---

[size=80][color=gray]— 全文完 —[/color][/size]

带目录的文档

[size=150][color=#2196F3][b]{{title}}[/b][/color][/size]

[size=80][color=gray]{{author}} | {{date}}[/color][/size]

---

[size=100][b]📋 目录[/b][/size]

• {{section1_title}}
• {{section2_title}}
• {{section3_title}}

---

[size=120][color=#2196F3][b]{{section1_title}}[/b][/color][/size]

{{section1_content}}

---

[size=120][color=#2196F3][b]{{section2_title}}[/b][/color][/size]

{{section2_content}}

---

[size=120][color=#2196F3][b]{{section3_title}}[/b][/color][/size]

{{section3_content}}

---

[size=80][color=gray]— 全文完 —[/color][/size]

Callout 模板

提示 (Note/Info)

[quote]
[size=100][color=#2196F3][b]📝 {{title}}[/b][/color][/size]

{{content}}
[/quote]

技巧 (Tip/Hint)

[quote]
[size=100][color=#4CAF50][b]💡 {{title}}[/b][/color][/size]

{{content}}
[/quote]

成功 (Success)

[quote]
[size=100][color=#4CAF50][b]✅ {{title}}[/b][/color][/size]

{{content}}
[/quote]

警告 (Warning/Caution)

[quote]
[size=100][color=#FF9800][b]⚠️ {{title}}[/b][/color][/size]

{{content}}
[/quote]

危险/错误 (Danger/Error)

[quote]
[size=100][color=#F44336][b]❌ {{title}}[/b][/color][/size]

{{content}}
[/quote]

示例 (Example)

[quote]
[size=100][color=#9C27B0][b]📋 {{title}}[/b][/color][/size]

{{content}}
[/quote]

问题 (Question/FAQ)

[quote]
[size=100][color=#FF9800][b]❓ {{title}}[/b][/color][/size]

{{content}}
[/quote]

重要 (Important)

[quote]
[size=100][color=#F44336][b]⭐ {{title}}[/b][/color][/size]

{{content}}
[/quote]

代码展示模板

单代码块

[size=100][color=#9C27B0][b]代码示例[/b][/color][/size]

[code]
{{code}}
[/code]

[size=80][color=gray]说明: {{description}}[/color][/size]

带标题的代码

[size=100][b]{{code_title}}[/b][/size]

[code]
{{code}}
[/code]

特性展示模板

特性列表

[size=120][color=#2196F3][b]功能特性[/b][/color][/size]

• [color=#4CAF50][b]✨ {{feature1}}[/b][/color] — {{desc1}}
• [color=#2196F3][b]🚀 {{feature2}}[/b][/color] — {{desc2}}
• [color=#FF9800][b]⚡ {{feature3}}[/b][/color] — {{desc3}}

详细特性卡片

[size=120][color=#2196F3][b]功能特性[/b][/color][/size]

[quote]
[size=100][color=#4CAF50][b]✨ {{feature1_title}}[/b][/color][/size]

{{feature1_description}}

[size=80][color=gray]适用场景: {{feature1_use_case}}[/color][/size]
[/quote]

[quote]
[size=100][color=#2196F3][b]🚀 {{feature2_title}}[/b][/color][/size]

{{feature2_description}}

[size=80][color=gray]适用场景: {{feature2_use_case}}[/color][/size]
[/quote]

步骤指南模板

[size=120][color=#2196F3][b]操作步骤[/b][/color][/size]

[size=100][color=#2196F3][b]步骤 1: {{step1_title}}[/b][/color][/size]

{{step1_content}}

[quote]
[size=100][color=#FF9800][b]💡 提示[/b][/color][/size]

{{step1_tip}}
[/quote]

[size=100][color=#2196F3][b]步骤 2: {{step2_title}}[/b][/color][/size]

{{step2_content}}

[size=100][color=#2196F3][b]步骤 3: {{step3_title}}[/b][/color][/size]

{{step3_content}}

---

[color=#4CAF50][b]✅ 完成![/b][/color] {{completion_message}}

版本更新模板

[size=150][color=#673AB7][b]🎉 版本 {{version}} 更新日志[/b][/color][/size]

---

[size=120][color=#4CAF50][b]✨ 新功能[/b][/color][/size]

• [b]{{new_feature1}}[/b]: {{new_feature1_desc}}
• [b]{{new_feature2}}[/b]: {{new_feature2_desc}}

[size=120][color=#2196F3][b]🔧 改进[/b][/color][/size]

• {{improvement1}}
• {{improvement2}}

[size=120][color=#F44336][b]🐛 修复[/b][/color][/size]

• {{bugfix1}}
• {{bugfix2}}

---

[url={{download_url}}][b]📥 立即下载[/b][/url]

FAQ 模板

[size=120][color=#2196F3][b]❓ 常见问题[/b][/color][/size]

---

[size=100][color=#333][b]Q: {{question1}}[/b][/color][/size]

[b]A:[/b] {{answer1}}

---

[size=100][color=#333][b]Q: {{question2}}[/b][/color][/size]

[b]A:[/b] {{answer2}}

---

[size=100][color=#333][b]Q: {{question3}}[/b][/color][/size]

[b]A:[/b] {{answer3}}

转换检查清单

必须检查

  • 标题使用像素值 (150/120/100)
  • 分隔线使用 ---
  • 未使用 [align]
  • 未使用 [hr]
  • 未使用 HTML 标签
  • Callout 标题 size=100
  • 灰色备注 size=80

颜色规范

用途 颜色
主标题 #2196F3
章节标题 #2196F3
子标题 #333
成功/提示 #4CAF50
警告 #FF9800
错误/危险 #F44336
示例 #9C27B0
备注 gray