Artomni Smart HouseArtomni Smart House

PostCastV1.0

on a month ago

以上传的播客稿为主线,参考其它上传的资料,要求有{{主标题}}、{{副标题}}及{{描述文字}},给出博客既简洁又吸引人的标题,主标题能说清针对解决的问题,副标题能说清解决方案和解决的挑战,对于说清解决方案的标准,要满足一招制胜、共性贯穿、底层逻辑支撑、与解决挑战高度相关、挑战主观点。对于说清挑战的标准,要满足一个问题、客户关注的焦点、振奋人心、担识过人、积极正面、具体并具备画面感、与解决方案直接高度相关。并出若干张SVG说明插图匹配播客稿,要求SVG插图逻辑性强,核心概念视觉表达(流程图、结构图、标签云、架构图、时序图、旅程图、甘特图、状态图、饼图等),要有开始SVG和结尾SVG,SVG采用9:16即360*640,不要动态效果,给出每个SVG对应播客稿的时间线,时间线不要放到SVG里。 -开始SVG参考模板: {<svg viewBox="0 0 360 640" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:#1a1a2e;stop-opacity:1" /> <stop offset="100%" style="stop-color:#16213e;stop-opacity:1" /> </linearGradient> <linearGradient id="goldGradient" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" style="stop-color:#FFD700;stop-opacity:1" /> <stop offset="100%" style="stop-color:#B8860B;stop-opacity:1" /> </linearGradient> <linearGradient id="titleGradient" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" style="stop-color:#00d4ff;stop-opacity:1" /> <stop offset="100%" style="stop-color:#9f40ff;stop-opacity:1" /> </linearGradient> <linearGradient id="accentGradient" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:#ff6b6b;stop-opacity:1" /> <stop offset="100%" style="stop-color:#ffa500;stop-opacity:1" /> </linearGradient> <radialGradient id="glowGradient" cx="50%" cy="50%" r="50%"> <stop offset="0%" style="stop-color:#ff6b6b;stop-opacity:0.3" /> <stop offset="50%" style="stop-color:#ffa500;stop-opacity:0.2" /> <stop offset="100%" style="stop-color:transparent;stop-opacity:0" /> </radialGradient> </defs> <!-- 背景 --> <rect width="360" height="640" fill="url(#bgGradient)"/> <!-- 顶部固定频道区 --> <g transform="translate(180, 120)"> <text x="0" y="0" text-anchor="middle" fill="url(#goldGradient)" font-family="Arial, sans-serif" font-size="22" font-weight="bold">AI掘金术</text> <text x="0" y="35" text-anchor="middle" fill="#ffffff" font-family="Arial, sans-serif" font-size="14" font-weight="bold" opacity="0.7">每天5分钟,快人一拍</text> <text x="0" y="60" text-anchor="middle" fill="#ffffff" font-family="Arial, sans-serif" font-size="14" font-weight="bold" opacity="0.7">领先一步,掘金一路</text>
</g> <!-- 中间主要标题区 --> <g transform="translate(30, 240)"> <!-- 外层装饰框 --> <rect x="-5" y="-5" width="310" height="140" rx="20" fill="none" stroke="url(#accentGradient)" stroke-width="1" opacity="0.3"/> <!-- 标题框 --> <rect x="0" y="0" width="300" height="130" rx="15" fill="url(#accentGradient)" opacity="0.15" stroke="url(#accentGradient)" stroke-width="3"/> <!-- 装饰线条 --> <line x1="50" y1="20" x2="250" y2="20" stroke="url(#accentGradient)" stroke-width="2" opacity="0.6"/> <line x1="50" y1="110" x2="250" y2="110" stroke="url(#accentGradient)" stroke-width="2" opacity="0.6"/> <!-- 主标题 --> <text x="150" y="55" text-anchor="middle" fill="url(#accentGradient)" font-family="Arial, sans-serif" font-size="26" font-weight="bold">程序员副业困局突破</text> <!-- 副标题 --> <text x="150" y="85" text-anchor="middle" fill="url(#titleGradient)" font-family="Arial, sans-serif" font-size="18" font-weight="bold">精益方法论助力从时间贩卖</text> <text x="150" y="105" text-anchor="middle" fill="url(#titleGradient)" font-family="Arial, sans-serif" font-size="18" font-weight="bold">到资产积累的华丽转身</text> </g> <!-- 方框下方的描述文字 --> <g transform="translate(180, 420)"> <text x="0" y="0" text-anchor="middle" fill="#ffffff" font-family="Arial, sans-serif" font-size="18" opacity="0.9">三步验证法构建可持续收入体系</text> <text x="0" y="30" text-anchor="middle" fill="#ffffff" font-family="Arial, sans-serif" font-size="18" opacity="0.9">让副业成为技能提升与职业自由的加速器</text> </g> </svg> } -中间SVG插图(按逻辑分主题),每张图聚焦一个核心概念,例如:
{
<svg viewBox="0 0 360 640" xmlns="http://www.w3.org/2000/svg">

  • 核心概念视觉表达(流程图、结构图、标签云、架构图、时序图、旅程图、甘特图、状态图、饼图等)
  • 使用说明性关键词文本(如“输入”“输出”“Agent角色”等)
  • 使用高对比度文字,配合科技感几何装饰
  • 保持结构一致性与风格统一 ,背景色可以不一样
  • 右下角有AI掘金术标注,font-size="10",黄金渐变(#ffd700到#B8860B) </svg> } -结尾SVG参考模板: { <svg viewBox="0 0 360 640" xmlns="http://www.w3.org/2000/svg">

<defs> <linearGradient id="bgGradient12" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:#1a1a2e;stop-opacity:1" /> <stop offset="100%" style="stop-color:#16213e;stop-opacity:1" /> </linearGradient> <linearGradient id="titleGradient12" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" style="stop-color:#00d4ff;stop-opacity:1" /> <stop offset="100%" style="stop-color:#9f40ff;stop-opacity:1" /> </linearGradient> <linearGradient id="goldGradient" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" style="stop-color:#FFD700;stop-opacity:1" /> <stop offset="100%" style="stop-color:#B8860B;stop-opacity:1" /> </linearGradient> <linearGradient id="thankGradient" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" style="stop-color:#ffd700;stop-opacity:1" /> <stop offset="100%" style="stop-color:#ff8c00;stop-opacity:1" /> </linearGradient> </defs>

<rect width="360" height="640" fill="url(#bgGradient12)"/>

<g transform="translate(30, 70)">

<rect x="0" y="0" width="300" height="480" rx="20" fill="#2a2a40" stroke="url(#titleGradient12)" stroke-width="3" opacity="0.9"/>
<g transform="translate(150, 60)">
  <text x="0" y="0" text-anchor="middle" fill="url(#titleGradient12)" font-family="Arial, sans-serif" font-size="22" font-weight="bold">AI掘金术</text>
  <text x="0" y="25" text-anchor="middle" fill="#ffffff" font-family="Arial, sans-serif" font-size="14" opacity="0.8">快人一拍,掘金一路</text>
</g>

<line x1="50" y1="110" x2="250" y2="110" stroke="url(#titleGradient12)" stroke-width="2"/>
  
<g transform="translate(150, 120)">
  <text x="0" y="0" text-anchor="middle" fill="url(#thankGradient)" font-family="Arial, sans-serif" font-size="18" font-weight="bold">本期内容回顾</text>
  
  <g transform="translate(0, 30)">
    <text x="0" y="0" text-anchor="middle" fill="#ffffff" font-family="Arial, sans-serif" font-size="12" font-weight="bold">• Agentic RAG核心概念</text>
    <text x="0" y="20" text-anchor="middle" fill="#ffffff" font-family="Arial, sans-serif" font-size="12" font-weight="bold">• 制作者-检查者循环机制</text>
    <text x="0" y="40" text-anchor="middle" fill="#ffffff" font-family="Arial, sans-serif" font-size="12" font-weight="bold">• 实际应用场景分析</text>
    <text x="0" y="60" text-anchor="middle" fill="#ffffff" font-family="Arial, sans-serif" font-size="12" font-weight="bold">• 技术边界与治理</text>
    <text x="0" y="80" text-anchor="middle" fill="#ffffff" font-family="Arial, sans-serif" font-size="12" font-weight="bold">• 未来发展趋势</text>
  </g>
</g>
 
<g transform="translate(150, 290)">
  <rect x="-100" y="-22" width="200" height="50" rx="25" fill="url(#thankGradient)" opacity="0.2" stroke="#ffd700" stroke-width="2"/>
  <text x="0" y="0" text-anchor="middle" fill="#ffd700" font-family="Arial, sans-serif" font-size="20" font-weight="bold">感谢观看</text>
  <text x="0" y="20" text-anchor="middle" fill="#ffffff" font-family="Arial, sans-serif" font-size="10" >如果内容对您有帮助</text>
  <g transform="translate(-110, 45)">
    <rect x="0" y="0" width="65" height="25" rx="15" fill="#ff6b6b" opacity="0.8"/>
    <text x="32" y="17" text-anchor="middle" fill="#ffffff" font-family="Arial, sans-serif" font-size="10" font-weight="bold">👍 点赞</text>
  </g>
  
  <g transform="translate(-35, 45)">
    <rect x="0" y="0" width="65" height="25" rx="15" fill="#4ecdc4" opacity="0.8"/>
    <text x="32" y="17" text-anchor="middle" fill="#ffffff" font-family="Arial, sans-serif" font-size="10" font-weight="bold">📤 转发</text>
  </g>
  
  <g transform="translate(40, 45)">
    <rect x="0" y="0" width="65" height="25" rx="15" fill="#9f40ff" opacity="0.8"/>
    <text x="32" y="17" text-anchor="middle" fill="#ffffff" font-family="Arial, sans-serif" font-size="10" font-weight="bold">👥 关注</text>
  </g>

</g>

<g transform="translate(150, 390)">
  <rect x="-120" y="-10" width="240" height="55" rx="10" fill="#1a1a2e" stroke="#00d4ff" stroke-width="2"/>
  <text x="0" y="5" text-anchor="middle" fill="#00d4ff" font-family="Arial, sans-serif" font-size="12" font-weight="bold">加入AI掘金术社群</text>
  <text x="0" y="20" text-anchor="middle" fill="#ffffff" font-family="Arial, sans-serif" font-size="10">✓ 获取独家AI干货资料</text>
  <text x="0" y="35" text-anchor="middle" fill="#ffffff" font-family="Arial, sans-serif" font-size="10">✓ 与AI爱好者交流学习</text>
</g>

</g>

<text x="180" y="530" text-anchor="middle" fill="#666666" font-family="Arial, sans-serif" font-size="9">© AI掘金术 | 探索人工智能无限可能</text> </svg> } 最后,给出标题,副标题及100字以内的简述。