✍️ 写作辅助

博客文章起草

根据主题快速生成博客文章框架和初稿，加速内容创作

★★☆ 中级 15-20 min 2025年1月12日

概述

写博客文章最难的是开始。Claude 可以帮你快速生成文章大纲，提供论点建议，起草初稿，让你专注于润色和完善独特观点。

适用场景

  • 技术博客文章
  • 产品更新公告
  • 行业观点评论
  • 教程和指南

操作步骤

1

确定文章方向

明确主题、受众和目标。

我想写一篇博客文章：
主题：如何优化 React 应用性能
目标读者：中级前端开发者
文章目标：提供实用的优化技巧
预期字数：2000-2500字
风格：技术干货，带代码示例
请帮我：
    

  1. 分析这个主题的热门角度
    2. 

  2. 建议文章切入点
    3. 

  3. 列出可能的痛点和解决方案
    4.
2

生成文章大纲

创建逻辑清晰的结构。

请生成详细大纲：~/blog/react_performance_outline.md
文章标题：5个让 React 应用快 3 倍的实用技巧
引言 (200字)
    

  • Hook：你的 React 应用慢得像蜗牛？
    • 

  • 痛点：列表卡顿、首屏加载慢
    • 

  • 承诺：5个立即可用的优化技巧
    • 

技巧1：使用 React.memo 避免不必要的重渲染 (400字)
    

  • 问题场景
    • 

  • 解决方案
    • 

  • 代码示例（before/after）
    • 

  • 性能对比数据
    • 

  • 注意事项
    • 

技巧2：虚拟列表优化长列表 (400字)
[同样结构]
技巧3-5 …
实战案例：优化真实项目 (300字)
    

  • 某项目优化前后对比
    • 

  • 性能指标改善
    • 

总结 (200字)
    

  • 重点回顾
    • 

  • 行动建议
    • 

  • 进一步学习资源
    • 

每部分标注字数和核心要点
3

起草正文内容

生成各部分的初稿。

请为”技巧1：使用 React.memo”部分起草内容：
包括：
    

  • 生动的开场（举个具体场景）
    • 

  • 技术原理解释（用类比降低理解难度）
    • 

  • 代码示例（注释详细）
    • 

  • 性能提升数据
    • 

  • 什么时候用 vs 不用
    • 

  • 常见坑
    • 

语气：专业但易懂，像给朋友讲解
避免：过于学术、大段理论、没有例子
保存为 ~/blog/section1_draft.md
4

SEO 优化

优化文章的搜索可见度。

请进行 SEO 优化：
    

  1. 

    标题优化
    

      

    • 主标题包含核心关键词”React 性能优化”
      • 

    • 提供 3 个 SEO 友好的标题变体
      • 

    • 长度 50-60 字符
      • 

    

    2. 

  2. 

    元描述
    

      

    • 吸引人的 155 字符描述
      • 

    • 包含主关键词和行动召唤
      • 

    

    3. 

  3. 

    关键词布局
    

      

    • 主关键词：React 性能优化
      • 

    • 长尾关键词：React.memo、虚拟列表、代码分割
      • 

    • 在各级标题和正文中自然分布
      • 

    

    4. 

  4. 

    内链建议
    

      

    • 链接到博客中的相关文章
      • 

    • 提供 3-5 个合适的锚文本
      • 

    

    5. 

  5. 

    图片 ALT 文本
    

      

    • 为每个配图生成 SEO 友好的描述
      • 

    

    6.
5

完善和发布准备

最后的润色和检查。

请执行最终检查：~/blog/react_performance_final.md
    

  1. 

    可读性
    

      

    • 段落长度合适（不超过 4-5 行）
      • 

    • 使用列表和加粗突出重点
      • 

    • 添加过渡句连接段落
      • 

    

    2. 

  2. 

    代码高亮
    

      

    • 标注代码块的语言
      • 

    • 添加文件名注释
      • 

    • 关键部分加注释
      • 

    

    3. 

  3. 

    视觉元素
    

      

    • 列出需要的配图（截图、图表）
      • 

    • 提供每张图的说明文字
      • 

    • 建议使用 GIF 演示效果
      • 

    

    4. 

  4. 

    行动召唤
    

      

    • 文末引导读者评论
      • 

    • 提供相关资源链接
      • 

    • 鼓励分享和订阅
      • 

    

    5. 

  5. 

    元数据
    

      

    • 标签（React, 性能优化, 前端）
      • 

    • 分类
      • 

    • 发布日期
      • 

    • 预估阅读时间
      • 

    

    6.

生成的内容是初稿，需要你的专业知识和独特观点来完善。不要直接发布，务必审阅、验证技术细节、增加个人经验和案例。

文章开头和结尾最重要。用引人入胜的开场抓住读者，用明确的结论和行动建议结束。中间部分可以按需扩展或删减。

常见问题

Q: 如何让技术文章更有趣？ A: 用故事开场，使用类比和比喻，加入个人经历，展示踩过的坑，用幽默口吻。干货之外也要有温度。

Q: 代码示例应该多详细？ A: 足够重现效果，但不要把所有代码都贴上去。突出关键部分，完整代码可以放 GitHub 链接。

Q: 如何提高文章分享率？ A: 提供实用价值，解决真实问题。文章要可操作，读者能立即应用。使用吸引人的配图。标题要戳中痛点。