Serendipity
04d899ca89
为博客系统添加了多篇技术文章的封面图片，涵盖Git、Python工具、AI大模型、机器学习等主题。这些封面采用统一的SVG格式设计，包含标题、分类标签和视觉元素，用于提升博客文章的可视化展示效果。
48 lines
3.7 KiB
XML
48 lines
3.7 KiB
XML
<svg width="1280" height="720" viewBox="0 0 1280 720" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<linearGradient id="bg" x1="120" y1="40" x2="1180" y2="680" gradientUnits="userSpaceOnUse">
|
|
<stop stop-color="#0B1020" />
|
|
<stop offset="0.5" stop-color="#1E1B4B" />
|
|
<stop offset="1" stop-color="#0F766E" />
|
|
</linearGradient>
|
|
</defs>
|
|
<rect width="1280" height="720" fill="url(#bg)" />
|
|
<circle cx="1090" cy="110" r="176" fill="#67E8F9" fill-opacity="0.12" />
|
|
<circle cx="980" cy="590" r="220" fill="#A855F7" fill-opacity="0.14" />
|
|
<circle cx="258" cy="612" r="240" fill="#22D3EE" fill-opacity="0.10" />
|
|
<rect x="72" y="84" width="586" height="552" rx="32" fill="rgba(7,12,28,0.70)" stroke="rgba(255,255,255,0.12)" />
|
|
<text x="112" y="176" fill="#67E8F9" font-family="Microsoft YaHei, Segoe UI, sans-serif" font-size="24" letter-spacing="4">AI 与大模型</text>
|
|
<text x="112" y="196" fill="#F8FAFC" font-family="Microsoft YaHei, Segoe UI, sans-serif" font-size="36" font-weight="700">AI时代的Vibe Co</text>
|
|
<text x="112" y="244" fill="#F8FAFC" font-family="Microsoft YaHei, Segoe UI, sans-serif" font-size="36" font-weight="700">ding：程序员不会被取</text>
|
|
<text x="112" y="292" fill="#F8FAFC" font-family="Microsoft YaHei, Segoe UI, sans-serif" font-size="36" font-weight="700">代，但需要进化</text>
|
|
<text x="112" y="324" fill="#E2E8F0" font-family="Microsoft YaHei, Segoe UI, sans-serif" font-size="26">AI 编程 / Agentic CLI / 智能协作</text>
|
|
<rect x="112" y="376" width="164" height="56" rx="28" fill="rgba(103,232,249,0.12)" stroke="rgba(103,232,249,0.30)" />
|
|
<text x="146" y="412" fill="#BAE6FD" font-family="Microsoft YaHei, Segoe UI, sans-serif" font-size="22">Agent</text>
|
|
<rect x="294" y="376" width="120" height="56" rx="28" fill="rgba(168,85,247,0.12)" stroke="rgba(196,181,253,0.30)" />
|
|
<text x="328" y="412" fill="#DDD6FE" font-family="Microsoft YaHei, Segoe UI, sans-serif" font-size="22">CLI</text>
|
|
<rect x="432" y="376" width="118" height="56" rx="28" fill="rgba(244,114,182,0.12)" stroke="rgba(251,207,232,0.26)" />
|
|
<text x="466" y="412" fill="#FBCFE8" font-family="Microsoft YaHei, Segoe UI, sans-serif" font-size="22">AI</text>
|
|
<path d="M112 494H564" stroke="rgba(255,255,255,0.14)" stroke-width="2" />
|
|
<path d="M112 536H526" stroke="#67E8F9" stroke-width="8" stroke-linecap="round" />
|
|
<path d="M112 576H458" stroke="#A855F7" stroke-width="8" stroke-linecap="round" />
|
|
|
|
<g transform="translate(760 112)">
|
|
<circle cx="200" cy="182" r="168" fill="rgba(9,14,32,0.42)" stroke="rgba(255,255,255,0.16)" />
|
|
<circle cx="200" cy="182" r="120" fill="rgba(103,232,249,0.10)" stroke="#67E8F9" stroke-width="3" />
|
|
<circle cx="200" cy="182" r="68" fill="rgba(168,85,247,0.18)" stroke="#A855F7" stroke-width="3" />
|
|
<circle cx="200" cy="182" r="18" fill="#E9D5FF" />
|
|
<path d="M28 124C92 148 134 166 198 182" stroke="#67E8F9" stroke-width="7" stroke-linecap="round" />
|
|
<path d="M6 190C82 194 132 190 198 182" stroke="#A855F7" stroke-width="7" stroke-linecap="round" />
|
|
<path d="M18 260C94 232 134 214 198 182" stroke="#22D3EE" stroke-width="7" stroke-linecap="round" />
|
|
<circle cx="24" cy="124" r="18" fill="#E0F2FE" />
|
|
<circle cx="10" cy="190" r="18" fill="#DDD6FE" />
|
|
<circle cx="24" cy="260" r="18" fill="#CCFBF1" />
|
|
<path d="M312 88L390 126L422 208L382 288L304 330" stroke="#A855F7" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
|
|
<circle cx="312" cy="88" r="14" fill="#C4B5FD" />
|
|
<circle cx="390" cy="126" r="14" fill="#93C5FD" />
|
|
<circle cx="422" cy="208" r="14" fill="#A7F3D0" />
|
|
<circle cx="382" cy="288" r="14" fill="#67E8F9" />
|
|
<circle cx="304" cy="330" r="14" fill="#F9A8D4" />
|
|
</g>
|
|
</svg>
|