skip to content
PoweredByAlgo
Table of Contents

最近在将自己的博客文章发布到知乎和微信公众号时，遇到了几个需要解决的问题，在这里分享给大家：

封面图生成问题

使用 Nano Banana Pro 生成封面图

最初使用的原始提示词如下：

任务：生成文章封面图
要求：封面图背景采用纯白色、封面图比例为16:9、要有足够的内边距适应边缘被裁减的情况
封面图背景：纯白色
字体：一律使用微软雅黑
封面图构成元素：标题、摘要、Logo、随机图标
封面图元素布局：左上角为标题、标题下方为摘要、Logo在右侧、随机图标不得遮盖标题及摘要、Logo与标题和摘要垂直居中对齐
随机图标：随机生成与标题和摘要内容相关的图标，为蜡笔绘画风格
说明：上传的图片即为Logo
标题内容：博客迁移：Astro + Cloudflare Pages 技术栈升级
标题颜色：#CB2A42
摘要内容：很高兴地宣布，我的博客已经成功迁移到全新的技术栈！
摘要字体：大小为标题的80%

生成效果还算可以，但对部分指令的执行不够理想，比如 Logo 和标题没有按照要求实现垂直居中对齐：

后来通过 Gemini 优化了提示词，优化后的提示词更加结构化：

# Role
你是一个专业的平面设计师，擅长制作简约风格的博客封面图。


# Input Variables
- **[标题内容]**："博客迁移：Astro + Cloudflare Pages 技术栈升级"
- **[摘要内容]**："很高兴地宣布，我的博客已经成功迁移到全新的技术栈！"


# Parameters
- **画布尺寸**：16:9 比例 (建议 1920x1080 px)
- **背景颜色**：纯白色 (#FFFFFF)
- **安全边距**：四周保留 100px 的内边距 (Padding)，防止裁切。


# Layout Logic (Flexbox 风格)
将画布主要内容区域分为左右两部分：
1. **左侧内容区 (占据 65% 宽度)**：
   - 包含标题和摘要。
   - 垂直方向：在画布中间位置垂直居中。
   - 对齐方式：左对齐。
2. **右侧视觉区 (占据 35% 宽度)**：
   - 包含上传的 Logo 图片。
   - 垂直方向：与左侧文字块垂直居中对齐。


# Typography Details
- **字体库**：使用 "Microsoft YaHei" (微软雅黑)
- **标题**：
   - 颜色：#CB2A42 (深胭脂红)
   - 字号：大号 (例如 60px)，加粗。
- **摘要**：
   - 颜色：深灰色 (#333333) 或黑色
   - 字号：标题字号的 80% (例如 48px)。
   - 位置：位于标题下方，行间距适中 (例如 1.5倍行高)。


# Decoration (Background Element)
- **随机图标**：随机生成与**[标题内容]**和**[摘要内容]**相关的图标，要求为**蜡笔手绘风格 (Crayon Style)** 。
- **重要约束**：图标**绝对不能**遮挡标题、摘要或 Logo。


# Asset
- 请使用我上传的图片作为 Logo，放置在右侧视觉区。

优化后生成的封面图：

关键词提取问题

发布文章时需要填写关键词，但手动总结比较繁琐。为此，我固定了一个写作流程来提高效率：

  1. 在 Typora 中以 Markdown 格式撰写文章（此时不插入图片，只在需要插入的位置添加文字标记）
  2. 让 AI 对文章进行润色并自动提取关键词
  3. 在润色后的 Markdown 中插入图片
  4. 定稿后，通过 Typora 上传所有本地图片（操作步骤：格式 → 图像 → 上传所有本地图片）

步骤2提示词：

# Role
你是一位拥有丰富经验的技术博客主编和SEO专家。你擅长将碎片化或口语化的草稿转化为逻辑严密、行文流畅、易于阅读的高质量博客文章。


# Task
请对我提供的Markdown文稿进行润色，并根据内容生成吸引人的标题和精准的标签。


# 1. 润色规则 (Polishing Rules)
- **保留原意**：绝对不要改变文章的核心观点和技术细节。
- **结构优化**：
    - 检查 Markdown 语法（标题层级、列表、代码块）是否规范。
    - 如果段落过长，请适当拆分，保持视觉上的轻松感。
    - 确保代码块 (Code Blocks) 指定了正确的语言标记（如 ```javascript）。
- **语言风格**：
    - **口语书面化**：去除过于随意的口头禅（如“然后呢”、“那个啥”），但要保留“人味”，不要写成冷冰冰的说明书。
    - **拒绝AI味**：严禁使用滥俗的翻译腔或AI常用词（如“引人入胜的画卷”、“织锦”、“深入挖掘”、“解锁”等）。请使用自然、简洁、中文互联网通用的表达习惯。
    - **排版微调**：在中文与英文/数字之间自动增加空格（例如：使用 Vue 3 而不是 使用Vue3）。


# 2. 标题生成规则 (Title Generation)
- 生成 3 个备选标题，需满足：
    - **吸引力**：能引起目标读者（开发者/技术爱好者）的点击欲望。
    - **准确性**：精准概括文章核心。
    - **SEO友好**：包含核心关键词。
- 最终在 Front Matter 中选择最棒的一个填入。


# 3. 标签生成规则 (Tag Generation)
- 生成 3-5 个标签 (Tags)。
- **具体化**：优先使用具体技术或概念名词（如 "Astro", "Cloudflare", "心理学"），避免过于宽泛的词（如 "生活", "感想"）。


# 4. Output Format (Astro Markdown Standard)
请严格按照以下格式输出，不要包含任何解释性废话，直接输出代码块内容：


---
title: "这里填入生成的最佳标题"
publishDate: "202X.XX.XX"
description: "根据文章内容自动生成一段100字以内的摘要"
tags: [Tag1, Tag1, Tag3]
---

公众号格式兼容问题

微信公众号编辑器不直接支持 Markdown 格式，解决方法如下：

  1. 使用 Typora 将 Markdown 导出为 HTML 格式
  2. 在浏览器中打开导出的 HTML 文件
  3. 全选内容并复制粘贴到公众号编辑器中，格式即可保留

注意：公众号平台有一个限制 —— 超链接只能插入微信公众号的链接，其他类型的超链接在保存后会被自动清除。