添加了cloudbuild

docs/.vitepress/config.mts

@@ -24,16 +24,16 @@ export default defineConfig({
         items: [
           {
             text: 'Devstar介绍文档',
-            link: '/document/index'
+            link: '/devstar/index'
           },
         ]
       },
-      { text: 'API', link: 'https://docs.gitea.com/zh-cn/api/1.24/' },
+      { text: 'Cloudbuild', link: '/cloudbuild' },
-      { text: 'Runner', link: 'runner/index' },
+      { text: 'Simulator', link: '/simulator' },
       { text: 'Enterprise', link: '/enterprise/index' },
     ],
     sidebar: {
-      '/document/': sidebarDocument(),  // 直接返回 SidebarItem[]
+      '/devstar/': sidebarDocument(),  // 直接返回 SidebarItem[]
       '/enterprise/': sidebarEnterprise()
     },
     socialLinks: [
@@ -45,7 +45,7 @@ export default defineConfig({
     //   { copyright: 'Copyright © 2025-present devstar contributors', link: 'https://github.com/mengning/DevStar' }
     // ] as any,
     footer: {
-      message: '<a href="/copyright/index">Copyright © 2025-present DevStar Contributors</a>',
+      message: '<a href="/copyright/index">苏ICP备2024068144号-1  ©Mengning Software. 2025- All rights reserved.</a>',
       copyright: '' // 留空避免重复
     },
     // 设置搜索框的样式

docs/cloudbuild/index.md

@@ -0,0 +1,27 @@
+# 分布式编译系统CloudBuild
+
+##  为什么需要分布式编译技术
+- 大型项目过长的编译耗时将会给开发、测试和调试都带来延迟，所以缩短大型项目的编译时间的分布式编译系统有重要意义
+- 使用分布式编译系统编译项目可以利用计算机集群提高编译效率，缩短项目编译时间
+- 在实际开发时，同一个团队大量的编译任务时相同的。CloudBuild提供的编译缓存可以避免重复上传和重复编译，从而进一步加快编译效率
+
+## 总体架构
+### 系统总体架构
+![alt text](/public/cloudbuild/architecture.png)
+- Ninja：客户端，该机器上需要保存有完整的待编译项目源代码。
+- Action Cache：服务端缓存，主要保存编译任务的执行结果。
+- CAS Cache：服务端缓存，主要保存客户端上传的依赖文件，编译结果文件。
+- Scheduler：任务调度器，将编译任务id分发到各个编译节点。
+- Redis：主要存储具体的编译任务供编译节点领取执行，也可存储Action Cache和 CAS Cache中的内容加速编译。
+- MySQL：主要存储编译过程中的任务统计信息。
+- Executor：各个编译节点
+
+### 部署示意图
+![alt text](/public/cloudbuild/system-diagram.png)
+CloudBuild主程序分为三个部分：Client、Server、Executor。
+- Client：运行在客户端，和用户对接，用于生成待执行的远程编译任务， 同时也作为本地编译节点执行本地任务。
+- Server：运行在主服务器，主要用于连接各个编译节点，以及 将客户端上传的编译任务调度到与其连接的各个编译节点上。
+- Executor：运行在编译节点，负责接收并执行编译任务，是编译任务真正执行的地方。
+
+### 系统分层结构
+![alt text](/public/cloudbuild/layered-system-architecture.png)

docs/components/index.vue

@@ -1,156 +1,176 @@
-<!-- docs/index.vue -->
 <template>
-   <div id="header">
+  <section class="tencent-showcase">
-    <h2>我们的产品</h2>
+    <div class="ten_main">
-   <div class="product-container">
+      <div class="ten_links">
-  <ol class="product-list">
+        <!-- 公司简介卡片 -->
-    <!-- 产品1 -->
+        <a 
-    <li class="product-item">
+          href="/devstar" 
-      <div class="product-card">
+          class="ten_img"
-        <img src="/DevStar.png" alt="产品1" class="product-image">
+          @mouseenter="hoverItem = 'about'"
-        <div class="product-info">
+          @mouseleave="hoverItem = null"
-          <h3 class="product-title">Devstar1</h3>
+        >
-          <p class="product-desc">DevStar Studio 是一个Gitea 发行版，在Git代码仓库托管的基础上提供了开发环境DevEnv执行引擎，与VS Code插件或自定义IDE深度融合，形成灵活适配基础软件工具的生态平台，从而为开发者用户提供智能（代码大模型AI+）、安全（完全云原生）、一站式开箱即用的CI/CD全生命周期研发平台</p>
+          <img 
-          <a href="/document/index" class="product-link">介绍文档</a>
+            src="/public/promotional-graphic-devstar.png" 
-        </div>
+            alt="公司简介" 
-      </div>
+            class="tencent-image"
-    </li>
+            :class="{ 'image-hover': hoverItem === 'about' }"
+          >
+          <div class="ten_img_txt" :class="{ 'text-hover': hoverItem === 'about' }">
+            <h2>Devstar Studio</h2>
+          </div>
+        </a>
 
-    <!-- 产品2 -->
+        <!-- 企业文化卡片 -->
-    <li class="product-item">
+        <a 
-      <div class="product-card">
+          href="/cloudbuild" 
-        <img src="/DevStar.png" alt="产品2" class="product-image">
+          class="ten_img"
-        <div class="product-info">
+          @mouseenter="hoverItem = 'culture'"
-          <h3 class="product-title">Devstar2</h3>
+          @mouseleave="hoverItem = null"
-          <p class="product-desc">DevStar Studio 是一个Gitea 发行版，在Git代码仓库托管的基础上提供了开发环境DevEnv执行引擎，与VS Code插件或自定义IDE深度融合，形成灵活适配基础软件工具的生态平台，从而为开发者用户提供智能（代码大模型AI+）、安全（完全云原生）、一站式开箱即用的CI/CD全生命周期研发平台</p>
+        >
-          <a href="/document/index" class="product-link">介绍文档</a>
+          <img 
-        </div>
+            src="/public/promotional-graphic-cloudbuild.jpg" 
-      </div>
+            alt="企业文化" 
-    </li>
+            class="tencent-image"
+            :class="{ 'image-hover': hoverItem === 'culture' }"
+          >
+          <div class="ten_img_txt" :class="{ 'text-hover': hoverItem === 'culture' }">
+            <h2>Cloudbuild</h2>
+          </div>
+        </a>
 
-    <!-- 产品3 -->
+        <!-- 办公地点卡片 -->
-    <li class="product-item">
+        <a 
-      <div class="product-card">
+          href="/simulator" 
-        <img src="/DevStar.png" alt="产品3" class="product-image">
+          class="ten_img"
-        <div class="product-info">
+          @mouseenter="hoverItem = 'office'"
-          <h3 class="product-title">Devstar3</h3>
+          @mouseleave="hoverItem = null"
-          <p class="product-desc">DevStar Studio 是一个Gitea 发行版，在Git代码仓库托管的基础上提供了开发环境DevEnv执行引擎，与VS Code插件或自定义IDE深度融合，形成灵活适配基础软件工具的生态平台，从而为开发者用户提供智能（代码大模型AI+）、安全（完全云原生）、一站式开箱即用的CI/CD全生命周期研发平台</p>
+        >
-          <a href="/document/index" class="product-link">介绍文档</a>
+          <img 
-        </div>
+            src="/public/promotional-graphic-simulator.jpg" 
+            alt="办公地点" 
+            class="tencent-image"
+            :class="{ 'image-hover': hoverItem === 'office' }"
+          >
+          <div class="ten_img_txt" :class="{ 'text-hover': hoverItem === 'office' }">
+            <h2>Simulator</h2>
+          </div>
+        </a>
       </div>
-    </li>
+    </div>
-  </ol>
+  </section>
-</div>
-  </div>
 </template>
 
 <script>
 export default {
-  name: 'HomePage',
+  name: 'TencentShowcase',
-  methods: {
+  data() {
-    handleClick() {
+    return {
-      alert('按钮被点击！')
+      hoverItem: null
     }
   }
 }
 </script>
 
 <style scoped>
-  h2 {
+/* 基础布局 */
-    border-top: 0;
+.tencent-showcase {
-    margin: 0 0 0 16px;
+  background: white;
-  }
+}
-  .product-container {
+
+.ten_main {
   max-width: 1200px;
   margin: 0 auto;
-  padding: 20px;
 }
 
-/* Flex布局产品列表 */
+.ten_links {
-.product-list {
   display: flex;
-  flex-wrap: wrap;
+  justify-content: space-between;
   gap: 30px;
-  list-style: none;
-  padding: 0;
-  margin: 0;
 }
 
-/* 每个产品项 */
+/* 卡片容器 */
-.product-item {
+.ten_img {
-  flex: 1 1 300px; /* 最小宽度300px，可伸缩 */
+  position: relative;
-}
+  display: block;
-
+  flex: 1;
-/* 产品卡片 */
+  text-decoration: none;
-.product-card {
-  display: flex;
-  flex-direction: column;
-  align-items: center; /* 新增：使卡片内所有元素水平居中 */
-  height: 100%;
-  border: 1px solid #eaecef;
-  border-radius: 8px;
   overflow: hidden;
+  border-radius: 8px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   transition: transform 0.3s ease;
 }
 
-.product-card:hover {
+.ten_img:hover {
   transform: translateY(-5px);
-  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
 }
 
-/* 产品图片 */
+/* 图片样式 - 严格按第一张图要求 */
-.product-image {
+.tencent-image {
-  width: 180px;          /* 根据原图比例调整 */
+  width: 100%;
-  height: 180px;
+  height: 200px;
-  object-fit: contain;    /* 完整显示标志 */
+  object-fit: contain;
-  background: transparent; /* 去除白色背景 */
+  object-position: center;
-  padding: 0;             /* 去除内边距 */
+  background-color: #f5f7fa;
-  border: none !important; /* 强制去除边框 */
+  /* padding: 20px; */
+  box-sizing: border-box;
+  transition: all 0.5s ease;
 }
 
-/* 产品信息区域 */
+.image-hover {
-.product-info {
+  filter: brightness(0.95);
+  background-color: #e3f2fd;
+}
+
+/* 文字区域 - 按第三张图效果 */
+.ten_img_txt {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
   padding: 20px;
-  flex-grow: 1;
+  background: linear-gradient(to top, rgba(0,0,0,0.5), transparent);
+  height: 80px;
   display: flex;
-  flex-direction: column;
+  align-items: flex-end;
+  transition: all 0.3s ease;
 }
 
-.product-title {
+.text-hover {
-  margin: 0 0 10px 0;
+  background: linear-gradient(to top, rgba(0,90,180,0.7), transparent);
-  font-size: 1.2rem;
-  color: #333;
 }
 
-.product-desc {
+.ten_img_txt h2 {
-  margin: 0 0 15px 0;
+  border-top: none;
-  color: #666;
-  flex-grow: 1;
-}
-
-.product-link {
-  display: inline-block;
-  padding: 8px 16px;
-  background-color: #3eaf7c;
   color: white;
-  text-decoration: none;
+  font-size: 22px;
-  border-radius: 4px;
+  margin: 0;
-  text-align: center;
+  position: relative;
-  transition: background-color 0.3s;
+  padding-bottom: 8px;
 }
 
-.product-link:hover {
+/* 悬浮时显示的下划线 - 按第三张图要求 */
-  background-color: #2d9f6b;
+.text-hover h2::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 60px;
+  height: 2px;
+  background: white;
 }
 
-/* 响应式调整 */
+/* 响应式设计 */
 @media (max-width: 768px) {
-  .product-list {
+  .ten_links {
-    gap: 20px;
+    flex-direction: column;
   }
   
-  .product-item {
+  .ten_img {
-    flex: 1 1 100%;
+    margin-bottom: 20px;
+  }
+  
+  .tencent-image {
+    height: 180px;
   }
 }
 </style>

docs/index.md

@@ -5,21 +5,21 @@ layout: home
 hero:
   # name: "             通用的"
   # text: "              为中小型公司提供IT服务"
-  text: "为中小型公司提供IT服务"
+  text: "DevStar Studio: The Last Mile of Al for R&D"
-  tagline: 我们为各行各业提供定制软件解决方案，为您的企业打造高价值的软件和技术
+  tagline: 为AI时代打造的新一代智能研发平台，面向人类开发者和AI开发者的融合团队，专注于产品质量和团队效能，为研发部门赋能提效的一站式解决方案
   image:
     src: /slider1.png
     alt: 背景图片
-  actions:
+  # actions:
-    - theme: brand
+  #   - theme: brand
-      text: devstar入门
+  #     text: DevStar Studio
-      link: /document/index
+  #     link: /devstar/index
-    - theme: alt
+  #   - theme: alt
-      text: devstar入门
+  #     text: CloudBuild
-      link: /document/index
+  #     link: /cloudbuild/index
-    - theme: alt
+  #   - theme: alt
-      text: devstar入门
+  #     text: Simulator
-      link: /document/index
+  #     link: /simulator/index
 
 # features:
 #   - title: 极易安装