官网全面适配 Python 技术栈 & 全新抽象 Logo 设计

- Design: 全新抽象几何曲线 Logo (旋转对称 + 插件概念)
- Update: 首页/快速开始/特性/架构页移除 Go 内容,改为 Python/Shell 指令
- Docs: README 与 Banner 添加贡献者 yongwanxing
This commit is contained in:
Falck
2026-04-06 13:28:22 +08:00
parent f894e55602
commit d3dab8a27a
7 changed files with 70 additions and 48 deletions

View File

@@ -1,32 +1,57 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" fill="none">
<!-- 背景:深邃黑 -->
<rect width="200" height="200" rx="48" fill="#020617"/>
<!-- F 的主体:核心骨架 (紫色到蓝紫) -->
<!-- 代表框架本体,沉稳、支撑一切 -->
<rect x="56" y="52" width="24" height="96" rx="12" fill="url(#spine)"/>
<!-- F 的顶部横条:插件模块 A (青色到蓝色) -->
<!-- 与骨架分离 14px悬浮在右侧代表"热插拔" -->
<rect x="94" y="52" width="56" height="24" rx="12" fill="url(#topBar)"/>
<!-- F 的中间横条:插件模块 B (绿色到青色) -->
<!-- 同样悬浮,代表多样性和扩展性 -->
<rect x="94" y="94" width="36" height="24" rx="12" fill="url(#midBar)"/>
<!-- 渐变定义 -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
<defs>
<linearGradient id="spine" x1="68" y1="52" x2="68" y2="148" gradientUnits="userSpaceOnUse">
<stop offset="0%" stop-color="#8b5cf6"/>
<stop offset="100%" stop-color="#3b82f6"/>
</linearGradient>
<linearGradient id="topBar" x1="94" y1="64" x2="150" y2="64" gradientUnits="userSpaceOnUse">
<stop offset="0%" stop-color="#06b6d4"/>
<stop offset="100%" stop-color="#3b82f6"/>
</linearGradient>
<linearGradient id="midBar" x1="94" y1="106" x2="130" y2="106" gradientUnits="userSpaceOnUse">
<stop offset="0%" stop-color="#10b981"/>
<linearGradient id="borderGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#6366f1"/>
<stop offset="100%" stop-color="#06b6d4"/>
</linearGradient>
</defs>
<!-- 圆角正方形背景 -->
<rect x="32" y="32" width="448" height="448" rx="96" fill="#ffffff" stroke="url(#borderGrad)" stroke-width="5"/>
<!-- 抽象曲线 Logo卐字旋转对称 + 层次叠加 -->
<g transform="translate(256, 256)">
<!-- 装饰环:三层同心圆 -->
<circle cx="0" cy="0" r="140" fill="none" stroke="#000000" stroke-width="1" opacity="0.06"/>
<circle cx="0" cy="0" r="115" fill="none" stroke="#000000" stroke-width="1.5" opacity="0.1" stroke-dasharray="6,8"/>
<circle cx="0" cy="0" r="90" fill="none" stroke="#000000" stroke-width="1" opacity="0.08"/>
<!-- 底层:内层旋转臂(短、粗) -->
<g fill="none" stroke="#000000" stroke-width="6" stroke-linecap="round" opacity="0.3">
<path d="M 0 -15 L 0 -45 C 0 -55, -12 -55, -22 -55" />
<path d="M 15 0 L 45 0 C 55 0, 55 -12, 55 -22" />
<path d="M 0 15 L 0 45 C 0 55, 12 55, 22 55" />
<path d="M -15 0 L -45 0 C -55 0, -55 12, -55 22" />
</g>
<!-- 核心方块 -->
<rect x="-18" y="-18" width="36" height="36" rx="8" fill="#000000" opacity="0.9"/>
<!-- 中层:主旋转臂 -->
<g fill="none" stroke="#000000" stroke-width="10" stroke-linecap="round" opacity="0.6">
<path d="M 0 -18 L 0 -65 C 0 -85, -20 -85, -38 -85" />
<path d="M 18 0 L 65 0 C 85 0, 85 -20, 85 -38" />
<path d="M 0 18 L 0 65 C 0 85, 20 85, 38 85" />
<path d="M -18 0 L -65 0 C -85 0, -85 20, -85 38" />
</g>
<!-- 节点点(曲线转折处) -->
<circle cx="-22" cy="-55" r="4" fill="#000000" opacity="0.4"/>
<circle cx="55" cy="-22" r="4" fill="#000000" opacity="0.4"/>
<circle cx="22" cy="55" r="4" fill="#000000" opacity="0.4"/>
<circle cx="-55" cy="22" r="4" fill="#000000" opacity="0.4"/>
<!-- 顶层:主插件方块 -->
<rect x="-58" y="-103" width="36" height="36" rx="10" fill="#000000" opacity="0.8"/>
<rect x="67" y="-58" width="36" height="36" rx="10" fill="#000000" opacity="0.8"/>
<rect x="22" y="67" width="36" height="36" rx="10" fill="#000000" opacity="0.8"/>
<rect x="-103" y="22" width="36" height="36" rx="10" fill="#000000" opacity="0.8"/>
<!-- 对角小装饰点 -->
<circle cx="55" cy="-55" r="3" fill="#000000" opacity="0.15"/>
<circle cx="55" cy="55" r="3" fill="#000000" opacity="0.15"/>
<circle cx="-55" cy="55" r="3" fill="#000000" opacity="0.15"/>
<circle cx="-55" cy="-55" r="3" fill="#000000" opacity="0.15"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB