2.9 KiB
2.9 KiB
生成一张【Markdown 语法速查信息图】（infographic），整体风格：白底、颜色丰富、科技感强、高对比度、高可读性；适合技术文档与开发者教学展示。
【画面比例】
- 横向 16:9
- 高分辨率（4K 级别清晰）
- 留白充足，适合网页 / PPT / 技术博客
【整体视觉风格】
- 背景：纯白 #FFFFFF
- 卡片：白底卡片 + 轻微阴影 + 圆角 16px
- 主色：蓝 / 紫 / 青（多色但克制），少量橙色点缀提示
- 线条：细、干净、规则（浅灰分割线 #E5E7EB）
- 图标：线性科技风 icon（统一线宽）
- 字体：标题用现代无衬线（Inter/思源黑体风格），代码用等宽字体（Source Code Pro 风格）
- 整体布局：网格化排版（2 行 × 4 列卡片），对齐严格
【顶部标题栏（居中）】
- 主标题（大字、深蓝）：Markdown 语法速查
- 副标题（小字、浅灰）：Quick Reference for Developers
- 标题下方：一条细分割线（浅灰）
- 右上角小标签：v1.0 / Cheatsheet（紫色胶囊标签）
【主体内容：8 张信息卡片（每张卡片都包含：小标题 + 1~2 行说明 + Markdown 示例代码块）】
卡片 1：标题 Headings（蓝色标题条）
- 说明：用 # 表示标题层级
- 示例（等宽代码）：
一级标题
二级标题
三级标题
卡片 2：强调 Emphasis（紫色标题条）
- 说明：加粗、斜体、删除线
- 示例：
加粗
斜体
删除线
卡片 3：列表 Lists（青色标题条）
- 说明：无序与有序列表
- 示例：
- 项目一
- 项目二
- 子项
- 第一步
- 第二步
卡片 4：行内代码 Inline Code（蓝紫标题条）
- 说明：用反引号包裹命令或变量
- 示例：
使用
git commit提交
卡片 5：代码块 Code Block（深蓝标题条）
- 说明：三反引号 + 语言标注
- 示例（显示语言标签 bash）：
docker compose up -d
卡片 6：引用 Quote（浅蓝标题条）
-
说明：用 > 标注引用或提示
-
示例：
这是引用说明（提示/结论）
卡片 7：链接与图片 Links & Images（蓝绿标题条）
- 说明：链接与图片语法
- 示例：
文档链接
卡片 8：表格 Tables（青紫标题条）
- 说明：用 | 与 - 组成表格
- 示例：
语法 说明 示例 # 标题 # 标题 ** 加粗 文本
【底部信息栏（横向细条）】
- 左侧：Tips：保持空行分段；代码优先用等宽字体
- 右侧：小字灰色：Markdown Cheatsheet • White Tech Style
【输出要求】
- 画面中文字清晰可读、无模糊、无噪点
- 不要照片质感，不要拟物风
- 不要复杂背景纹理，只用轻微点阵/细网格作为非常淡的科技装饰（可选，透明度很低）