openakita/skills@wechat-article

Files (2)

• SKILL.md
• openai.yaml · agents/

SKILL.md (first lines)

# 微信公众号文章发布助手

专为微信公众号内容创作和发布打造的技能，提供从写作到排版到发布的全流程支持，包括 Markdown 转换、富文本样式、封面设计和摘要生成。

## 适用场景

- 撰写公众号原创文章（深度长文、观点评论、行业分析）
- Markdown 文章转微信公众号格式
- 文章排版美化和样式优化
- 封面图选择和摘要生成
- 多平台内容适配（将博客/知乎内容转公众号格式）
- 通过 API 批量发布文章
- 手动复制粘贴发布的格式优化

## Markdown 转微信 HTML 规范

### 转换核心原理

微信公众号编辑器不支持标准 Markdown，需要将 Markdown 转为内联样式的 HTML。关键限制：

- **不支持** `<style>` 标签和外部 CSS
- **不支持** `class` 属性
- **所有样式必须内联**（`style="..."` 属性）
- 图片必须上传到微信素材库（外链图片无法显示）
- 不支持 JavaScript

### 基础元素转换表

| Markdown | 微信 HTML |
|----------|----------|
| `# 标题` | `<h1 style="font-size:22px;font-weight:bold;color:#333;border-bottom:2px solid #f0b849;padding-bottom:8px;">标题</h1>` |
| `## 标题` | `<h2 style="font-size:18px;font-weight:bold;color:#333;margin-top:24px;">标题</h2>` |
| `**粗体**` | `<strong style="color:#f0b849;">粗体</strong>` |
| `> 引用` | 使用金色引用框（见下方） |
| `` `代码` `` | `<code style="background:#f5f5f5;padding:2px 6px;border-radius:3px;font-size:14px;color:#c7254e;">代码</code>` |
| `---` | `<hr style="border:none;border-top:1px dashed #ddd;margin:24px 0;">` |
| `[链接](url)` | `<a style="color:#576b95;text-decoration:none;">链接文字</a>`（微信不支持外链，仅用于阅读原文） |

### 金色引用框（标志性样式）

```html
<blockquote style="
  border-left: 4px solid #f0b849;
  background: linear-gradient(to right, #fdf8e8, #ffffff);
  padding: 16px 20px;
  margin: 16px 0;
  border-radius: 0 8px 8px 0;
  font-size: 15px;
  color: #666;
  line-height: 1.8;
">
  引用内容
</blockquote>
```

### 段落分隔线

```html
<!-- 简约分隔线 -->
<p style="text-align:center;color:#f0b849;font-size:16px;margin:20px 0;">
  ✦ ✦ ✦
</p>

<!-- 虚线分隔 -->
<hr style="border:none;border-top:1px dashed #e0e0e0;margin:24px 0;">

<!-- 图形分隔线 -->
<p style="text-align:center;color:#ccc;font-size:12px;letter-spacing:8px;margin:24px 0;">
  ◆◇◆◇◆
</p>
```

## 公众号排版规范

### 一、正文排版

**字体和间距：**
```html
<section style="
  font-size: 15px;
  color: #3f3f3f;
  line-height: 1.8;
  letter-spacing: 0.5px;
  word-spacing: 2px;
  text-align: justify;
  padding: 0 8px;
">
  正文内容
</section>
```

**排版核心参数：**

| 参数 | 推荐值 | 说明 |
|------|--------|------|
| 正文字号 | 15px | 移动端最佳阅读大小 |
| 行间距 | 1.8 | 阅读舒适度最佳 |
| 字间距 | 0.5px | 增加空气感 |
| 段间距 | 16px | 段落间留白 |
| 两侧留白 | 8px | 正文区域内缩 |
| 正文颜色 | #3f3f3f | 深灰，柔和不刺眼 |
| 强调色 | #f0b849 | 金色，品牌感 |

### 二、标题层级样式

**一级标题（文章主标题）：**
```html
<h1 style="
  font-size: 22px;
  font-weight: bold;
  color: #1a1a1a;
  text-align: center;
  margin: 32px 0 16px;
  line-height: 1.4;
">文章标题</h1>
```

**二级标题（章节）：**
```html

From openakita/openakita, MIT.

More from openakita/openakita