diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts
index afb6544..6276980 100644
--- a/docs/.vitepress/config.mts
+++ b/docs/.vitepress/config.mts
@@ -18,6 +18,7 @@ export default defineConfig({
           { text: '首页', link: '/' },
           { text: '指南', link: '/guide/getting-started' },
           { text: 'API', link: '/api/' },
+          { text: '优秀案例', link: '/showcase' },
           { text: 'Demo', link: 'https://share.lanol.cn' },
           {
             text: '了解更多',
@@ -68,6 +69,14 @@ export default defineConfig({
               ],
             },
           ],
+          '/showcase': [
+            {
+              text: '优秀案例',
+              items: [
+                { text: '案例展示', link: '/showcase' },
+              ],
+            },
+          ],
         },
         socialLinks: [
           { icon: 'github', link: 'https://github.com/vastsa/FileCodeBox' },
@@ -96,6 +105,7 @@ export default defineConfig({
           { text: 'Home', link: '/en/' },
           { text: 'Guide', link: '/en/guide/getting-started' },
           { text: 'API', link: '/en/api/' },
+          { text: 'Showcase', link: '/en/showcase' },
           { text: 'Demo', link: 'https://share.lanol.cn' },
           {
             text: 'More',
@@ -152,6 +162,14 @@ export default defineConfig({
               ],
             },
           ],
+          '/en/showcase': [
+            {
+              text: 'Showcase',
+              items: [
+                { text: 'Case Studies', link: '/en/showcase' },
+              ],
+            },
+          ],
         },
         socialLinks: [
           { icon: 'github', link: 'https://github.com/vastsa/FileCodeBox' },
diff --git a/docs/en/showcase.md b/docs/en/showcase.md
new file mode 100644
index 0000000..85cc802
--- /dev/null
+++ b/docs/en/showcase.md
@@ -0,0 +1,127 @@
+# Showcase
+
+Here are some excellent sites built with FileCodeBox. If you've deployed FileCodeBox, feel free to submit a PR to add your site here!
+
+## Official Demo
+
+<div class="showcase-grid">
+
+<div class="showcase-item">
+
+### 🌟 FileCodeBox Demo
+
+- **URL**: [share.lanol.cn](https://share.lanol.cn)
+- **Description**: Official demo site with the latest features
+- **Highlights**: Stable, full-featured
+
+</div>
+
+</div>
+
+## Community Sites
+
+::: tip Submit Your Site
+If you've built your own file sharing service using FileCodeBox, you can submit it through:
+
+1. Submit a PR on [GitHub](https://github.com/vastsa/FileCodeBox) to edit this page
+2. Open an [Issue](https://github.com/vastsa/FileCodeBox/issues) with your site info
+3. Join QQ Group 739673698 to contact the admin
+:::
+
+<!-- 
+Submission format example:
+
+<div class="showcase-item">
+
+### Site Name
+
+- **URL**: [example.com](https://example.com)
+- **Description**: Brief description of your site
+- **Highlights**: List your site's features
+
+</div>
+-->
+
+<div class="showcase-grid">
+
+<div class="showcase-item">
+
+### QuWenJian
+
+- **URL**: [quwenjian.cn](https://quwenjian.cn)
+- **Description**: QuWenJian - Unlimited storage, portable and limitless
+- **Highlights**: Free file transfer station
+- **Operator**: QuWenJian
+
+</div>
+
+<div class="showcase-item">
+
+### Pandora Box
+
+- **URL**: [pan.duo.la](https://pan.duo.la)
+- **Description**: Pandora Box
+- **Highlights**: Classic v1.6 version
+- **Operator**: WuXingQueXinYan
+
+</div>
+
+</div>
+
+## Submission Requirements
+
+To ensure quality, please make sure your site meets the following criteria:
+
+1. **Stable**: Your site should be stable and accessible
+2. **Legal**: Content must be legal and compliant
+3. **Attribution**: We recommend keeping FileCodeBox attribution
+4. **HTTPS**: We recommend enabling HTTPS
+
+## Submission Template
+
+If you want to submit your site, please use the following format:
+
+```markdown
+### Site Name
+
+- **URL**: [domain](https://domain)
+- **Description**: One-line description of your site
+- **Highlights**: Special features or highlights
+- **Operator**: Optional, your name or organization
+```
+
+<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>
diff --git a/docs/showcase.md b/docs/showcase.md
new file mode 100644
index 0000000..20a0bc5
--- /dev/null
+++ b/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>