Serendipity
04d899ca89
为博客系统添加了多篇技术文章的封面图片，涵盖Git、Python工具、AI大模型、机器学习等主题。这些封面采用统一的SVG格式设计，包含标题、分类标签和视觉元素，用于提升博客文章的可视化展示效果。
79 lines
4.4 KiB
XML
79 lines
4.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="100" y1="70" x2="1180" y2="650" gradientUnits="userSpaceOnUse">
|
|
<stop stop-color="#0B1020" />
|
|
<stop offset="0.45" stop-color="#172554" />
|
|
<stop offset="1" stop-color="#4C1D95" />
|
|
</linearGradient>
|
|
<linearGradient id="lens" x1="0" y1="0" x2="1" y2="1">
|
|
<stop stop-color="#38BDF8" />
|
|
<stop offset="1" stop-color="#A855F7" />
|
|
</linearGradient>
|
|
<linearGradient id="flow" x1="0" y1="0" x2="1" y2="0">
|
|
<stop stop-color="#22D3EE" />
|
|
<stop offset="0.5" stop-color="#A78BFA" />
|
|
<stop offset="1" stop-color="#F472B6" />
|
|
</linearGradient>
|
|
<filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
|
|
<feGaussianBlur stdDeviation="20" result="blur" />
|
|
<feMerge>
|
|
<feMergeNode in="blur" />
|
|
<feMergeNode in="SourceGraphic" />
|
|
</feMerge>
|
|
</filter>
|
|
</defs>
|
|
|
|
<rect width="1280" height="720" fill="url(#bg)" />
|
|
<circle cx="1114" cy="122" r="180" fill="#22D3EE" fill-opacity="0.12" />
|
|
<circle cx="980" cy="592" r="226" fill="#A855F7" fill-opacity="0.16" />
|
|
<circle cx="258" cy="592" r="218" fill="#38BDF8" fill-opacity="0.08" />
|
|
|
|
<g transform="translate(730 120)">
|
|
<circle cx="210" cy="200" r="170" fill="rgba(9,14,32,0.44)" stroke="rgba(255,255,255,0.12)" />
|
|
<circle cx="210" cy="200" r="124" fill="rgba(56,189,248,0.12)" stroke="#67E8F9" stroke-width="3" />
|
|
<circle cx="210" cy="200" r="76" fill="rgba(168,85,247,0.20)" stroke="#C4B5FD" stroke-width="3" />
|
|
<circle cx="210" cy="200" r="22" fill="#E9D5FF" />
|
|
|
|
<g filter="url(#glow)">
|
|
<path d="M14 118C86 150 122 172 214 198" stroke="url(#flow)" stroke-width="7" stroke-linecap="round" />
|
|
<path d="M4 194C74 202 110 204 210 200" stroke="url(#flow)" stroke-width="7" stroke-linecap="round" />
|
|
<path d="M12 274C82 246 118 228 214 204" stroke="url(#flow)" stroke-width="7" stroke-linecap="round" />
|
|
</g>
|
|
|
|
<g fill="#E0F2FE">
|
|
<rect x="0" y="88" width="56" height="56" rx="16" />
|
|
<rect x="0" y="166" width="56" height="56" rx="16" />
|
|
<rect x="0" y="244" width="56" height="56" rx="16" />
|
|
</g>
|
|
<text x="14" y="124" fill="#1E293B" font-family="Consolas, monospace" font-size="22">IMG</text>
|
|
<text x="14" y="202" fill="#1E293B" font-family="Consolas, monospace" font-size="22">VLM</text>
|
|
<text x="14" y="280" fill="#1E293B" font-family="Consolas, monospace" font-size="22">TXT</text>
|
|
|
|
<g fill="#C4B5FD">
|
|
<circle cx="392" cy="92" r="14" />
|
|
<circle cx="468" cy="146" r="14" />
|
|
<circle cx="498" cy="226" r="14" />
|
|
<circle cx="456" cy="306" r="14" />
|
|
<circle cx="378" cy="350" r="14" />
|
|
</g>
|
|
<path d="M350 102L436 146L474 222L444 294L386 338" stroke="#C084FC" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
|
|
</g>
|
|
|
|
<rect x="72" y="84" width="584" height="552" rx="32" fill="rgba(7,12,28,0.68)" 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">Multimodal AI / Vision / Language</text>
|
|
<text x="112" y="248" fill="#F8FAFC" font-family="Microsoft YaHei, Segoe UI, sans-serif" font-size="46" font-weight="700">视觉语言模型技术综述</text>
|
|
<text x="112" y="308" fill="#E2E8F0" font-family="Microsoft YaHei, Segoe UI, sans-serif" font-size="26">图像理解与大语言模型的融合之路</text>
|
|
|
|
<rect x="112" y="366" width="170" height="60" rx="30" fill="rgba(34,211,238,0.12)" stroke="rgba(103,232,249,0.32)" />
|
|
<rect x="300" y="366" width="164" height="60" rx="30" fill="rgba(168,85,247,0.12)" stroke="rgba(196,181,253,0.30)" />
|
|
<rect x="482" y="366" width="128" height="60" rx="30" fill="rgba(244,114,182,0.12)" stroke="rgba(251,207,232,0.26)" />
|
|
|
|
<text x="148" y="404" fill="#BAE6FD" font-family="Microsoft YaHei, Segoe UI, sans-serif" font-size="22">视觉编码器</text>
|
|
<text x="338" y="404" fill="#DDD6FE" font-family="Microsoft YaHei, Segoe UI, sans-serif" font-size="22">跨模态对齐</text>
|
|
<text x="520" y="404" 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" />
|
|
</svg>
|