feat: 新增优秀案例投稿页面

docs/showcase.md

@@ -0,0 +1,127 @@
+# 优秀案例
+
+这里收录了一些使用 FileCodeBox 搭建的优秀站点。如果你也部署了 FileCodeBox，欢迎提交 PR 将你的站点添加到这里！
+
+## 官方演示站
+
+<div class="showcase-grid">
+
+<div class="showcase-item">
+
+### 🌟 FileCodeBox Demo
+
+- **网址**：[share.lanol.cn](https://share.lanol.cn)
+- **简介**：官方演示站点，体验最新功能
+- **特点**：稳定运行，功能完整
+
+</div>
+
+</div>
+
+## 社区站点
+
+::: tip 提交你的站点
+如果你使用 FileCodeBox 搭建了自己的文件分享服务，欢迎通过以下方式提交：
+
+1. 在 [GitHub](https://github.com/vastsa/FileCodeBox) 提交 PR，编辑此页面
+2. 在 [Issues](https://github.com/vastsa/FileCodeBox/issues) 中提交你的站点信息
+3. 加入 QQ 群 739673698 联系管理员
+:::
+
+<!-- 
+提交格式示例：
+
+<div class="showcase-item">
+
+### 站点名称
+
+- **网址**：[example.com](https://example.com)
+- **简介**：简短描述你的站点
+- **特点**：列出站点特色
+
+</div>
+-->
+
+<div class="showcase-grid">
+
+<div class="showcase-item">
+
+### 取文件
+
+- **网址**：[quwenjian.cn](https://quwenjian.cn)
+- **简介**：取文件 - 存储无界，便携无限
+- **特点**：永久免费的文件中转站
+- **运营者**：取文件&取文件网盘
+
+</div>
+
+<div class="showcase-item">
+
+### 潘多拉盒子
+
+- **网址**：[pan.duo.la](https://pan.duo.la)
+- **简介**：潘多拉盒子
+- **特点**：经典1.6版本
+- **运营者**：五行缺心眼
+
+</div>
+
+</div>
+
+## 提交要求
+
+为了保证收录站点的质量，请确保你的站点满足以下条件：
+
+1. **稳定运行**：站点需要稳定运行，能够正常访问
+2. **合法合规**：站点内容需要合法合规，不得包含违法违规内容
+3. **保留版权**：建议保留 FileCodeBox 的版权信息
+4. **HTTPS 支持**：建议启用 HTTPS 加密访问
+
+## 案例展示模板
+
+如果你想提交站点，请按照以下格式：
+
+```markdown
+### 站点名称
+
+- **网址**：[域名](https://域名)
+- **简介**：一句话描述站点用途
+- **特点**：站点的特色功能或亮点
+- **运营者**：可选，你的名字或组织
+```
+
+<style>
+.showcase-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  gap: 20px;
+  margin: 20px 0;
+}
+
+.showcase-item {
+  border: 1px solid var(--vp-c-divider);
+  border-radius: 8px;
+  padding: 20px;
+  transition: all 0.3s ease;
+}
+
+.showcase-item:hover {
+  border-color: var(--vp-c-brand);
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+}
+
+.showcase-item h3 {
+  margin-top: 0;
+  color: var(--vp-c-brand);
+}
+
+.showcase-item ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.showcase-item li {
+  margin: 8px 0;
+}
+</style>