starlight-apk/NebulaShell
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
- 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
Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@@ -100,7 +100,7 @@ Copyright 2026 Falck
</p>
<p>
Made with ❤️ by <a href="https://gitee.com/starlight-apk">Falck</a>
Made with ❤️ by <a href="https://gitee.com/starlight-apk">Falck</a> & <a href="https://gitcode.com/yongwanxing">yongwanxing</a>
</p>
</div>

4
static/banner.svg
View File

@@ -306,8 +306,8 @@
<!-- Made with love 区域 -->
<g transform="translate(700, 2830)" text-anchor="middle">
<text font-family="system-ui, sans-serif" font-size="24" fill="#a5b4fc" font-weight="600">Made with love by Falck</text>
<text y="40" font-family="system-ui, sans-serif" font-size="16" fill="#64748b">https://gitee.com/starlight-apk</text>
<text font-family="system-ui, sans-serif" font-size="24" fill="#a5b4fc" font-weight="600">Made with love by Falck &amp; yongwanxing</text>
<text y="40" font-family="system-ui, sans-serif" font-size="16" fill="#64748b">https://gitee.com/starlight-apk · https://gitcode.com/yongwanxing</text>
</g>
<text x="700" y="3000" font-family="system-ui, -apple-system, sans-serif" font-size="32" fill="#6366f1" opacity="0.08" text-anchor="middle" letter-spacing="15" font-weight="300">FUTURE OSS</text>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 27 KiB

2
website/architecture.html
View File

@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>架构设计 - Future OSS</title>
<meta name="description" content="了解 Future OSS 的插件化架构设计：插件管理器、依赖关系图、事件总线、数据流。" />
<meta name="keywords" content="OSS架构, 插件架构, 依赖图, 拓扑排序, 事件总线, 数据流, 微服务架构, Go架构" />
<meta name="keywords" content="OSS架构, 插件架构, 依赖图, 拓扑排序, 事件总线, 数据流, 微服务架构, Python架构" />
<meta name="author" content="Falck" />
<meta property="og:title" content="架构设计 - Future OSS" />
<meta property="og:description" content="插件化架构：插件管理器、依赖关系图、事件总线、数据流" />

2
website/features.html
View File

@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>核心特性 - Future OSS</title>
<meta name="description" content="Future OSS 核心特性：一切皆为插件、依赖自动解析、企业级稳定性、事件驱动架构、丰富配置。" />
<meta name="keywords" content="OSS特性, 插件化, 依赖解析, 熔断器, 降级策略, 事件总线, 消息队列, 任务调度, 监控指标" />
<meta name="keywords" content="OSS特性, 插件化, 依赖解析, 熔断器, 降级策略, 事件总线, 消息队列, 任务调度, 监控指标, Python框架, 开发者工具, 运行时" />
<meta name="author" content="Falck" />
<meta property="og:title" content="核心特性 - Future OSS" />
<meta property="og:description" content="一切皆为插件、依赖自动解析、企业级稳定性、事件驱动" />

18
website/index.html
View File

@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Future OSS - 一切皆为插件的开发者工具运行时框架</title>
<meta name="description" content="Future OSS 是一个一切皆为插件的开发者工具运行时框架。支持插件热插拔、依赖自动解析、熔断降级、事件驱动，打造企业级稳定运行时。" />
<meta name="keywords" content="OSS, Future OSS, 插件化, 插件框架, Go框架, 开发者工具, 运行时, 微服务, 热插拔, 依赖解析, 事件驱动, 熔断降级" />
<meta name="keywords" content="OSS, Future OSS, 插件化, 插件框架, Python框架, 开发者工具, 运行时, 微服务, 热插拔, 依赖解析, 事件驱动, 熔断降级" />
<meta name="author" content="Falck" />
<meta property="og:title" content="Future OSS - 一切皆为插件" />
<meta property="og:description" content="一切皆为插件的开发者工具运行时框架" />
@@ -58,17 +58,15 @@
<span class="code-dot code-dot-red"></span>
<span class="code-dot code-dot-yellow"></span>
<span class="code-dot code-dot-green"></span>
<span class="code-title">main.go</span>
<span class="code-title">start.sh</span>
</div>
<pre class="code-body"><code><span class="code-comment">// 1. 加载配置</span>
cfg, _ := config.<span class="code-func">Load</span>(<span class="code-str">"config.yaml"</span>)
<pre class="code-body"><code><span class="code-comment"># 1. 克隆项目</span>
<span class="code-cmd">$ git clone</span> https://gitee.com/starlight-apk/feature-oss.git
<span class="code-cmd">$ cd</span> feature-oss
<span class="code-comment">// 2. 安装插件</span>
<span class="code-cmd">$ oss pkg install \</span>
<span class="code-cmd"> @{Falck/http-server}&lt;1.0.0&gt;</span>
<span class="code-comment">// 3. 启动服务</span>
<span class="code-cmd">$ oss serve</span></code></pre>
<span class="code-comment"># 2. 一键启动</span>
<span class="code-cmd">$ bash</span> start.sh
<span class="code-comment"># ✓ 服务已启动 → http://localhost:8080/</span></code></pre>
</div>
</div>
</div>

79
website/logo.svg
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>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

11
website/quickstart.html
View File

@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>快速开始 - Future OSS</title>
<meta name="description" content="快速上手 Future OSS：环境要求、一键安装、配置初始化、启动服务、安装第一个插件。" />
<meta name="keywords" content="快速开始, 安装教程, 环境配置, install.sh, Go入门, 插件安装, oss init, oss serve" />
<meta name="keywords" content="快速开始, 安装教程, 环境配置, Python 3.10+, pip install, 插件安装, oss init, oss serve" />
<meta name="author" content="Falck" />
<meta property="og:title" content="快速开始 - Future OSS" />
<meta property="og:description" content="环境要求、一键安装、配置初始化、启动服务、安装插件" />
@@ -39,15 +39,14 @@
</div>
<div class="step-card">
<div class="step-number">2</div>
<h3 class="step-title">编译构建</h3>
<pre class="step-code"><code><span class="code-cmd">go</span> mod download
<span class="code-cmd">go</span> build -o bin/oss .
<span class="code-cmd">./bin/oss</span> init</code></pre>
<h3 class="step-title">安装依赖</h3>
<pre class="step-code"><code><span class="code-cmd">pip</span> install -r requirements.txt
<span class="code-cmd">pip</span> install -e .</code></pre>
</div>
<div class="step-card">
<div class="step-number">3</div>
<h3 class="step-title">启动服务</h3>
<pre class="step-code"><code><span class="code-cmd">./bin/oss</span> serve
<pre class="step-code"><code><span class="code-cmd">bash</span> start.sh
<span class="code-comment"># 访问 localhost:8080</span></code></pre>
</div>
</div>