Serendipity
04d899ca89
为博客系统添加了多篇技术文章的封面图片，涵盖Git、Python工具、AI大模型、机器学习等主题。这些封面采用统一的SVG格式设计，包含标题、分类标签和视觉元素，用于提升博客文章的可视化展示效果。
37 lines
2.8 KiB
XML
37 lines
2.8 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="#0F172A" />
|
|
<stop offset="0.5" stop-color="#1E293B" />
|
|
<stop offset="1" stop-color="#334155" />
|
|
</linearGradient>
|
|
</defs>
|
|
<rect width="1280" height="720" fill="url(#bg)" />
|
|
<circle cx="1090" cy="110" r="176" fill="#93C5FD" fill-opacity="0.12" />
|
|
<circle cx="980" cy="590" r="220" fill="#C4B5FD" fill-opacity="0.14" />
|
|
<circle cx="258" cy="612" r="240" fill="#F9A8D4" 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="#93C5FD" font-family="Microsoft YaHei, Segoe UI, sans-serif" font-size="24" letter-spacing="4">内容策划</text>
|
|
<text x="112" y="250" fill="#F8FAFC" font-family="Microsoft YaHei, Segoe UI, sans-serif" font-size="48" font-weight="700">Git团队协作指南大纲</text>
|
|
<text x="112" y="324" fill="#E2E8F0" font-family="Microsoft YaHei, Segoe UI, sans-serif" font-size="26">版本控制 / 团队协作 / 工作流</text>
|
|
<rect x="112" y="376" width="120" 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">Git</text>
|
|
<rect x="250" y="376" width="118" height="56" rx="28" fill="rgba(168,85,247,0.12)" stroke="rgba(196,181,253,0.30)" />
|
|
<text x="284" y="412" fill="#DDD6FE" font-family="Microsoft YaHei, Segoe UI, sans-serif" font-size="22">协作</text>
|
|
<rect x="386" y="376" width="120" height="56" rx="28" fill="rgba(244,114,182,0.12)" stroke="rgba(251,207,232,0.26)" />
|
|
<text x="420" y="412" fill="#FBCFE8" font-family="Microsoft YaHei, Segoe UI, sans-serif" font-size="22">工作流</text>
|
|
<path d="M112 494H564" stroke="rgba(255,255,255,0.14)" stroke-width="2" />
|
|
<path d="M112 536H526" stroke="#93C5FD" stroke-width="8" stroke-linecap="round" />
|
|
<path d="M112 576H458" stroke="#C4B5FD" stroke-width="8" stroke-linecap="round" />
|
|
|
|
<g transform="translate(760 116)">
|
|
<rect x="0" y="0" width="448" height="296" rx="30" fill="rgba(15,23,42,0.34)" stroke="rgba(255,255,255,0.14)" />
|
|
<path d="M34 250C108 164 182 124 268 122C332 120 390 140 432 178" stroke="#93C5FD" stroke-width="8" stroke-linecap="round" />
|
|
<path d="M34 202C108 140 194 110 286 118C350 124 404 148 442 184" stroke="#C4B5FD" stroke-width="8" stroke-linecap="round" />
|
|
<path d="M34 154C100 116 168 96 244 96C322 96 394 118 448 160" stroke="#F9A8D4" stroke-width="8" stroke-linecap="round" />
|
|
<circle cx="110" cy="84" r="22" fill="#93C5FD" />
|
|
<circle cx="220" cy="62" r="18" fill="#C4B5FD" />
|
|
<circle cx="342" cy="72" r="16" fill="#F9A8D4" />
|
|
</g>
|
|
</svg>
|