Serendipity
04d899ca89
为博客系统添加了多篇技术文章的封面图片，涵盖Git、Python工具、AI大模型、机器学习等主题。这些封面采用统一的SVG格式设计，包含标题、分类标签和视觉元素，用于提升博客文章的可视化展示效果。
54 lines
3.4 KiB
XML
54 lines
3.4 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="160" y1="60" x2="1120" y2="660" gradientUnits="userSpaceOnUse">
|
|
<stop stop-color="#0B1020" />
|
|
<stop offset="0.5" stop-color="#1E1B4B" />
|
|
<stop offset="1" stop-color="#0F766E" />
|
|
</linearGradient>
|
|
<linearGradient id="panel" x1="0" y1="0" x2="1" y2="1">
|
|
<stop stop-color="#111827" stop-opacity="0.92" />
|
|
<stop offset="1" stop-color="#0F172A" stop-opacity="0.72" />
|
|
</linearGradient>
|
|
<linearGradient id="code" x1="0" y1="0" x2="1" y2="1">
|
|
<stop stop-color="#22D3EE" />
|
|
<stop offset="1" stop-color="#A855F7" />
|
|
</linearGradient>
|
|
<filter id="blurGlow" x="-20%" y="-20%" width="140%" height="140%">
|
|
<feGaussianBlur stdDeviation="24" result="blur" />
|
|
<feMerge>
|
|
<feMergeNode in="blur" />
|
|
<feMergeNode in="SourceGraphic" />
|
|
</feMerge>
|
|
</filter>
|
|
</defs>
|
|
|
|
<rect width="1280" height="720" fill="url(#bg)" />
|
|
<circle cx="1060" cy="120" r="180" fill="#22D3EE" fill-opacity="0.12" />
|
|
<circle cx="1180" cy="560" r="210" fill="#A855F7" fill-opacity="0.14" />
|
|
<circle cx="260" cy="620" r="240" fill="#14B8A6" fill-opacity="0.10" />
|
|
|
|
<rect x="72" y="76" width="640" height="568" rx="30" fill="url(#panel)" stroke="rgba(255,255,255,0.12)" />
|
|
<rect x="112" y="136" width="560" height="300" rx="24" fill="#07111F" stroke="rgba(34,211,238,0.24)" />
|
|
<circle cx="152" cy="172" r="8" fill="#FB7185" />
|
|
<circle cx="182" cy="172" r="8" fill="#FBBF24" />
|
|
<circle cx="212" cy="172" r="8" fill="#34D399" />
|
|
|
|
<path d="M184 240H330" stroke="url(#code)" stroke-width="10" stroke-linecap="round" filter="url(#blurGlow)" />
|
|
<path d="M184 280H436" stroke="#38BDF8" stroke-width="10" stroke-linecap="round" />
|
|
<path d="M184 320H374" stroke="#C084FC" stroke-width="10" stroke-linecap="round" />
|
|
<path d="M184 360H502" stroke="#22D3EE" stroke-width="10" stroke-linecap="round" />
|
|
<path d="M184 400H290" stroke="#F472B6" stroke-width="10" stroke-linecap="round" />
|
|
|
|
<path d="M826 176C938 124 1068 148 1140 222C1198 282 1194 374 1148 428C1100 484 1012 524 928 504C872 492 826 454 798 398C766 334 770 236 826 176Z" fill="rgba(15,23,42,0.56)" stroke="rgba(255,255,255,0.16)" />
|
|
<circle cx="946" cy="318" r="84" fill="rgba(34,211,238,0.16)" stroke="#67E8F9" stroke-width="2" />
|
|
<circle cx="946" cy="318" r="38" fill="rgba(168,85,247,0.18)" stroke="#C084FC" stroke-width="2" />
|
|
<path d="M866 404C900 366 980 344 1044 350C1094 356 1132 380 1158 424" stroke="url(#code)" stroke-width="7" stroke-linecap="round" filter="url(#blurGlow)" />
|
|
<path d="M792 472C842 430 922 418 996 430" stroke="#22D3EE" stroke-width="4" stroke-linecap="round" />
|
|
<path d="M896 202L840 154" stroke="#A855F7" stroke-width="5" stroke-linecap="round" />
|
|
<path d="M1036 238L1112 208" stroke="#22D3EE" stroke-width="5" stroke-linecap="round" />
|
|
|
|
<text x="116" y="506" fill="#67E8F9" font-family="Microsoft YaHei, Segoe UI, sans-serif" font-size="24" letter-spacing="4">AI 编程 / Agentic CLI / Vibe Coding</text>
|
|
<text x="116" y="564" fill="#F8FAFC" font-family="Microsoft YaHei, Segoe UI, sans-serif" font-size="46" font-weight="700">深入解析 Claude Code</text>
|
|
<text x="116" y="620" fill="#E2E8F0" font-family="Microsoft YaHei, Segoe UI, sans-serif" font-size="26">Vibe Coding 时代的 AI 编程利器</text>
|
|
</svg>
|