Merge pull request #36 from devlive-community/dev

添加团队模版

Author: qianmoQ

docs/content/team.md

@@ -0,0 +1,15 @@
+---
+title: 我们的团队
+description: 我们是一个充满激情的开发者社区，致力于创造优秀的开源项目。
+template: team
+
+members:
+    - name: devlive-community
+      type: owner
+      url: https://github.com/devlive-community
+      avatar: https://github.com/devlive-community.png
+    - name: qianmoq
+      type: contributor
+      url: https://github.com/qianmoq
+      avatar: https://github.com/qianmoq.png
+---

docs/content/template/home.md

@@ -0,0 +1,83 @@
+---
+title: 主页模板
+icon: home
+---
+
+!!! danger "注意"
+
+    主页模版仅支持配置元数据，切勿填写内容。
+
+!!!
+
+## 基本配置
+
+---
+
+```markdown
+---
+title: 主页模板(默认)
+icon: home
+template: home
+
+config:
+  toc: false
+
+hero:
+  title: 创新技术解决方案
+  description: 为您的企业或网站提供最前沿的技术支持和解决方案
+  primaryCta:
+    url: /<%= pageData.language %>/getting-started/get-started.html
+    text: 开始使用
+  secondaryCta:
+    url: /<%= pageData.language %>/usage/href.html
+    text: 了解更多
+
+features:
+  subtitle: 核心优势
+  title: 为什么选择我们
+  description: 提供全方位的技术支持和服务
+  items:
+    - icon: >-
+        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 h-6 text-indigo-600">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
+        </svg>
+      title: 高性能
+      description: 采用最新技术架构，确保系统高效运行
+
+    - icon: >-
+        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 h-6 text-indigo-600">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
+        </svg>
+      title: 安全可靠
+      description: 全方位的安全防护，保障数据安全
+
+    - icon: >-
+        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 h-6 text-indigo-600">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" />
+        </svg>
+      title: 易于使用
+      description: 直观的界面设计，简单易上手
+
+stats:
+  title: 用数据说话
+  description: 我们取得的成就
+  items:
+    - label: GitHub Stars
+      value: 10+
+    - label: 服务客户
+      value: 2+
+    - label: 正常运行时间
+      value: 99.99%
+    - label: 客户满意度
+      value: 98%
+
+cta:
+  title: 准备好开始了吗？
+  description: 立即加入我们，开启您的技术创新之旅
+  button:
+    url: /<%= pageData.language %>/getting-started/get-started.html
+    text: 立即注册
+---
+```
+
+- `template`: 指定模板名称，可选值为 `home`，`home/modern`，`home/enterprise`，`home/modern`，`home/minimal`，`home/playful`

docs/content/setup/template/enterprise.md renamed to docs/content/template/preview/enterprise.md

@@ -0,0 +1,41 @@
+---
+title: 团队模板
+icon: users
+---
+
+!!! danger "注意"
+
+    团队模版仅支持配置元数据，切勿填写内容。
+
+!!!
+
+## 基本配置
+
+---
+
+```markdown
+---
+title: 我们的团队
+description: 我们是一个充满激情的开发者社区，致力于创造优秀的开源项目。
+template: team
+
+members:
+    - name: devlive-community
+      type: owner
+      url: https://github.com/devlive-community
+      avatar: https://github.com/devlive-community.png
+    - name: qianmoq
+      type: contributor
+      url: https://github.com/qianmoq
+      avatar: https://github.com/qianmoq.png
+---
+```
+
+- `title`: 页面标题
+- `description`: 页面描述
+- `template`: 模板名称，这里必须是 `team`
+- `members`: 团队成员列表
+  - `name`: 成员名称
+  - `type`: 成员类型
+  - `url`: 成员链接
+  - `avatar`: 成员头像

docs/content/setup/template/home.md renamed to docs/content/template/preview/home.md

@@ -98,11 +98,13 @@ i18n:
     translations:
       GetStarted: Getting Started
       Setup: Setup
-      InlineTemplate: Inline Template
       Usage: Usage Docs
       EjsTemplate: EJS Template
       CodeBlock: Code Block
       ReleaseNotes: Release Notes
+      Team: Team
+      Template: Template
+      TemplatePreview: Template Preview
   zh-CN:
     name: 中文
     flag: 🇨🇳
@@ -114,6 +116,9 @@ i18n:
       EjsTemplate: EJS 模板
       CodeBlock: 代码块
       ReleaseNotes: 发布日志
+      Team: 团队
+      Template: 模版
+      TemplatePreview: 模版预览
 
 footer:
   copyright: © 2024 PageForge All Rights Reserved.
@@ -169,12 +174,6 @@ nav:
       - /setup/font-size
       - /setup/comment
       - /setup/seo
-      - InlineTemplate:
-          - /setup/template/home
-          - /setup/template/enterprise
-          - /setup/template/minimal
-          - /setup/template/modern
-          - /setup/template/playful
   - Usage:
       - /usage/href
       - /usage/image
@@ -193,4 +192,15 @@ nav:
       - /release/2025.1.2
       - /release/2025.1.1
       - /release/2025.1.0
-      - /release/1.0.0
+      - /release/1.0.0
+  - Template:
+      - /template/home
+      - /template/team
+      - TemplatePreview:
+          - /template/preview/home
+          - /template/preview/enterprise
+          - /template/preview/minimal
+          - /template/preview/modern
+          - /template/preview/playful
+  - Team:
+      - /team

docs/content/setup/template/minimal.md renamed to docs/content/template/preview/minimal.md

@@ -10,15 +10,28 @@
 </div>
 
 <script>
-    // 点击外部区域关闭移动端菜单
-    document.addEventListener('click', function (event) {
+    document.addEventListener('DOMContentLoaded', function () {
         const mobileMenu = document.getElementById('mobile-menu');
         const menuButton = document.querySelector('button[onclick*="mobile-menu"]');
 
-        if (!mobileMenu.contains(event.target) && !menuButton.contains(event.target) && !mobileMenu.classList.contains('hidden')) {
-            mobileMenu.classList.add('hidden');
-            menuButton.querySelector('svg:first-child').classList.remove('hidden');
-            menuButton.querySelector('svg:last-child').classList.add('hidden');
+        // 只有当菜单元素存在时才添加事件监听
+        if (mobileMenu && menuButton) {
+            document.addEventListener('click', function (event) {
+                if (!mobileMenu.contains(event.target) &&
+                    !menuButton.contains(event.target) &&
+                    !mobileMenu.classList.contains('hidden')) {
+
+                    mobileMenu.classList.add('hidden');
+
+                    const openIcon = menuButton.querySelector('svg:first-child');
+                    const closeIcon = menuButton.querySelector('svg:last-child');
+
+                    if (openIcon && closeIcon) {
+                        openIcon.classList.remove('hidden');
+                        closeIcon.classList.add('hidden');
+                    }
+                }
+            });
         }
     });
 </script>