添加官网景深效果

- 移除突兀的代码
- 为官网加装景深
- 修复PKG的导入
This commit is contained in:
Falck
2026-04-06 14:48:26 +08:00
parent d3dab8a27a
commit 0e5c28e0b3
45 changed files with 526 additions and 7003 deletions

View File

@@ -24,35 +24,28 @@
<div id="dock-container"></div>
<main class="page-content">
<div class="page-header">
<div class="page-header" data-parallax-speed="0.8">
<span class="section-badge">插件生态</span>
<h1 class="page-title">包名格式与<span class="gradient-text">安装流程</span></h1>
<p class="page-desc">简洁且富有表现力的包名格式,让插件管理像呼吸一样自然</p>
</div>
<div class="plugins-content">
<div class="plugins-content" data-parallax-speed="0.3">
<div class="pkg-format">
<div class="pkg-card">
<span class="pkg-symbol">@{</span>
<span class="pkg-highlight">作者</span>
<span class="pkg-symbol">/</span>
<span class="pkg-highlight">插件名</span>
<span class="pkg-symbol">}&lt;</span>
<span class="pkg-version">版本</span>
<span class="pkg-symbol">&gt;</span>
<span class="pkg-highlight">作者名称</span>
<span class="pkg-symbol">}/</span>
<span class="pkg-highlight">插件名</span>
</div>
<div class="pkg-explain">
<div class="explain-item">
<div class="explain-symbol">@{ }</div>
<div class="explain-text">大括号包裹作者和插件</div>
<div class="explain-text">大括号包裹作者名</div>
</div>
<div class="explain-item">
<div class="explain-symbol">/</div>
<div class="explain-text">分隔作者与插件名</div>
</div>
<div class="explain-item">
<div class="explain-symbol">&lt; &gt;</div>
<div class="explain-text">尖括号包裹语义化版本号</div>
<div class="explain-text">分隔作者与插件名</div>
</div>
</div>
</div>
@@ -67,20 +60,20 @@
<div class="demo-body">
<div class="cmd-line">
<span class="prompt">$</span>
<span class="cmd-text">oss pkg install @{Falck/http-server}&lt;1.0.0&gt;</span>
<span class="cmd-text">oss pkg install @{Falck}/http-server</span>
</div>
<div class="cmd-output success">✅ http-server@1.0.0 安装完成 (1.2s)</div>
<div class="cmd-output success">@{Falck}/http-server 安装完成</div>
<div class="cmd-line">
<span class="prompt">$</span>
<span class="cmd-text">oss pkg list</span>
</div>
<div class="cmd-output">已安装 1 个包:</div>
<div class="cmd-output indent">http-server@1.0.0 - HTTP 协议适配器</div>
<div class="cmd-output">已安装插件:</div>
<div class="cmd-output indent">@{Falck}/http-server - HTTP 协议适配器</div>
<div class="cmd-line" style="margin-top: 16px;">
<span class="prompt">$</span>
<span class="cmd-text">oss pkg update</span>
</div>
<div class="cmd-output success">✅ 所有包已是最新版本</div>
<div class="cmd-output success">✅ 所有插件已更新至最新版本</div>
</div>
</div>
@@ -91,12 +84,12 @@
<tr><th>命令</th><th>别名</th><th>说明</th></tr>
</thead>
<tbody>
<tr><td><code>oss pkg install @{x/y}&lt;v&gt;</code></td><td><code>i</code> / <code>add</code></td><td>安装指定版本的插件</td></tr>
<tr><td><code>oss pkg remove @{x/y}</code></td><td><code>rm</code> / <code>uninstall</code></td><td>卸载已安装的插件</td></tr>
<tr><td><code>oss pkg list</code></td><td><code>ls</code></td><td>列出所有已安装的</td></tr>
<tr><td><code>oss pkg update [名]</code></td><td></td><td>更新单个或所有</td></tr>
<tr><td><code>oss pkg sync</code></td><td></td><td>从远程仓库同步所有</td></tr>
<tr><td><code>oss pkg init</code></td><td></td><td>初始化 package.json</td></tr>
<tr><td><code>oss pkg install @{作者名称}/插件名称</code></td><td><code>i</code> / <code>add</code></td><td>安装指定作者的插件</td></tr>
<tr><td><code>oss pkg remove @{作者名称}/插件名称</code></td><td><code>rm</code> / <code>uninstall</code></td><td>卸载指定的插件</td></tr>
<tr><td><code>oss pkg list</code></td><td><code>ls</code></td><td>列出所有已安装的插件</td></tr>
<tr><td><code>oss pkg update [插件名]</code></td><td></td><td>更新单个或所有插件</td></tr>
<tr><td><code>oss pkg sync</code></td><td></td><td>从远程仓库同步所有插件</td></tr>
<tr><td><code>oss pkg search 关键词</code></td><td><code>find</code></td><td>搜索可用的插件</td></tr>
<tr><td><code>oss pkg clean</code></td><td></td><td>清理下载缓存</td></tr>
</tbody>
</table>
@@ -108,6 +101,7 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script>
<script src="js/dock.js"></script>
<script src="js/particles.js"></script>
<script src="js/parallax.js"></script>
<script src="js/animations.js"></script>
</body>
</html>