Serendipity
04d899ca89
为博客系统添加了多篇技术文章的封面图片，涵盖Git、Python工具、AI大模型、机器学习等主题。这些封面采用统一的SVG格式设计，包含标题、分类标签和视觉元素，用于提升博客文章的可视化展示效果。
66 lines
4.0 KiB
XML
66 lines
4.0 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="#071A33" />
|
|
<stop offset="0.5" stop-color="#0F3D74" />
|
|
<stop offset="1" stop-color="#0B7285" />
|
|
</linearGradient>
|
|
<linearGradient id="cube" x1="0" y1="0" x2="1" y2="1">
|
|
<stop stop-color="#60A5FA" />
|
|
<stop offset="1" stop-color="#22D3EE" />
|
|
</linearGradient>
|
|
<linearGradient id="orange" x1="0" y1="0" x2="1" y2="1">
|
|
<stop stop-color="#FDBA74" />
|
|
<stop offset="1" stop-color="#F97316" />
|
|
</linearGradient>
|
|
<filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
|
|
<feGaussianBlur stdDeviation="18" result="blur" />
|
|
<feMerge>
|
|
<feMergeNode in="blur" />
|
|
<feMergeNode in="SourceGraphic" />
|
|
</feMerge>
|
|
</filter>
|
|
</defs>
|
|
|
|
<rect width="1280" height="720" fill="url(#bg)" />
|
|
<circle cx="1098" cy="112" r="170" fill="#22D3EE" fill-opacity="0.14" />
|
|
<circle cx="948" cy="580" r="220" fill="#F97316" fill-opacity="0.12" />
|
|
<circle cx="254" cy="612" r="240" fill="#38BDF8" fill-opacity="0.10" />
|
|
|
|
<g transform="translate(780 118)">
|
|
<path d="M152 0L304 88V264L152 352L0 264V88L152 0Z" fill="rgba(8,47,73,0.50)" stroke="rgba(255,255,255,0.16)" />
|
|
<path d="M152 30L276 102L152 174L28 102L152 30Z" fill="url(#cube)" />
|
|
<path d="M28 102L152 174V310L28 238V102Z" fill="#0284C7" />
|
|
<path d="M276 102L152 174V310L276 238V102Z" fill="#0369A1" />
|
|
<path d="M152 174V310" stroke="#E0F2FE" stroke-opacity="0.45" stroke-width="4" />
|
|
<path d="M86 214H218" stroke="#7DD3FC" stroke-width="6" stroke-linecap="round" />
|
|
<path d="M108 252H196" stroke="#38BDF8" stroke-width="6" stroke-linecap="round" />
|
|
</g>
|
|
|
|
<g transform="translate(698 324)">
|
|
<path d="M88 0L176 50V150L88 200L0 150V50L88 0Z" fill="url(#cube)" fill-opacity="0.88" />
|
|
<path d="M298 0L386 50V150L298 200L210 150V50L298 0Z" fill="url(#orange)" fill-opacity="0.90" />
|
|
<path d="M508 0L596 50V150L508 200L420 150V50L508 0Z" fill="url(#cube)" fill-opacity="0.84" />
|
|
<path d="M176 100H210" stroke="#E0F2FE" stroke-width="6" stroke-linecap="round" filter="url(#glow)" />
|
|
<path d="M386 100H420" stroke="#FED7AA" stroke-width="6" stroke-linecap="round" filter="url(#glow)" />
|
|
<path d="M88 200V250L298 370L508 250V200" stroke="#BAE6FD" stroke-width="4" stroke-dasharray="10 10" />
|
|
</g>
|
|
|
|
<rect x="72" y="84" width="564" height="548" rx="32" fill="rgba(7,18,36,0.70)" stroke="rgba(255,255,255,0.12)" />
|
|
<text x="112" y="176" fill="#7DD3FC" font-family="Microsoft YaHei, Segoe UI, sans-serif" font-size="24" letter-spacing="4">Container / Compose / Deploy</text>
|
|
<text x="112" y="250" fill="#F8FAFC" font-family="Microsoft YaHei, Segoe UI, sans-serif" font-size="48" font-weight="700">Docker 部署完全指南</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="148" height="56" rx="28" fill="rgba(34,211,238,0.12)" stroke="rgba(125,211,252,0.32)" />
|
|
<rect x="278" y="366" width="134" height="56" rx="28" fill="rgba(249,115,22,0.12)" stroke="rgba(253,186,116,0.30)" />
|
|
<rect x="430" y="366" width="132" height="56" rx="28" fill="rgba(96,165,250,0.12)" stroke="rgba(147,197,253,0.28)" />
|
|
|
|
<text x="146" y="402" fill="#BAE6FD" font-family="Microsoft YaHei, Segoe UI, sans-serif" font-size="22">环境准备</text>
|
|
<text x="311" y="402" fill="#FED7AA" font-family="Microsoft YaHei, Segoe UI, sans-serif" font-size="22">Compose</text>
|
|
<text x="466" y="402" fill="#DBEAFE" font-family="Microsoft YaHei, Segoe UI, sans-serif" font-size="22">实战部署</text>
|
|
|
|
<path d="M112 486H558" stroke="rgba(255,255,255,0.14)" stroke-width="2" />
|
|
<path d="M112 532H494" stroke="#7DD3FC" stroke-width="8" stroke-linecap="round" />
|
|
<path d="M112 570H430" stroke="#FDBA74" stroke-width="8" stroke-linecap="round" />
|
|
</svg>
|
