Serendipity
04d899ca89
为博客系统添加了多篇技术文章的封面图片，涵盖Git、Python工具、AI大模型、机器学习等主题。这些封面采用统一的SVG格式设计，包含标题、分类标签和视觉元素，用于提升博客文章的可视化展示效果。
48 lines
3.5 KiB
XML
48 lines
3.5 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="#172554" />
|
|
<stop offset="1" stop-color="#4C1D95" />
|
|
</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="#C084FC" fill-opacity="0.14" />
|
|
<circle cx="258" cy="612" r="240" fill="#F472B6" 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">机器学习</text>
|
|
<text x="112" y="224" fill="#F8FAFC" font-family="Microsoft YaHei, Segoe UI, sans-serif" font-size="44" font-weight="700">深度学习完全指南：从</text>
|
|
<text x="112" y="280" fill="#F8FAFC" font-family="Microsoft YaHei, Segoe UI, sans-serif" font-size="44" font-weight="700">理论基础到实践入门</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="142" 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">深度学习</text>
|
|
<rect x="272" y="376" width="118" height="56" rx="28" fill="rgba(168,85,247,0.12)" stroke="rgba(196,181,253,0.30)" />
|
|
<text x="306" y="412" fill="#DDD6FE" font-family="Microsoft YaHei, Segoe UI, sans-serif" font-size="22">模型</text>
|
|
<rect x="408" y="376" width="118" height="56" rx="28" fill="rgba(244,114,182,0.12)" stroke="rgba(251,207,232,0.26)" />
|
|
<text x="442" 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="#67E8F9" stroke-width="8" stroke-linecap="round" />
|
|
<path d="M112 576H458" stroke="#C084FC" stroke-width="8" stroke-linecap="round" />
|
|
|
|
<g transform="translate(760 112)">
|
|
<rect x="0" y="72" width="116" height="232" rx="24" fill="rgba(103,232,249,0.14)" stroke="#67E8F9" />
|
|
<rect x="154" y="24" width="116" height="328" rx="24" fill="rgba(192,132,252,0.14)" stroke="#C084FC" />
|
|
<rect x="308" y="96" width="116" height="184" rx="24" fill="rgba(244,114,182,0.14)" stroke="#F472B6" />
|
|
<circle cx="58" cy="130" r="12" fill="#E0F2FE" />
|
|
<circle cx="58" cy="188" r="12" fill="#BAE6FD" />
|
|
<circle cx="58" cy="246" r="12" fill="#C4B5FD" />
|
|
<circle cx="212" cy="116" r="12" fill="#E9D5FF" />
|
|
<circle cx="212" cy="178" r="12" fill="#DDD6FE" />
|
|
<circle cx="212" cy="240" r="12" fill="#F5D0FE" />
|
|
<circle cx="212" cy="302" r="12" fill="#FBCFE8" />
|
|
<circle cx="366" cy="146" r="12" fill="#FCE7F3" />
|
|
<circle cx="366" cy="198" r="12" fill="#FBCFE8" />
|
|
<circle cx="366" cy="250" r="12" fill="#F9A8D4" />
|
|
<path d="M70 130L200 116L354 146" stroke="#67E8F9" stroke-width="4" />
|
|
<path d="M70 188L200 178L354 198" stroke="#C084FC" stroke-width="4" />
|
|
<path d="M70 246L200 240L354 250" stroke="#F472B6" stroke-width="4" />
|
|
<path d="M0 382C84 322 178 302 278 314C336 320 390 340 444 382" stroke="#67E8F9" stroke-width="6" stroke-linecap="round" />
|
|
</g>
|
|
</svg>
|