This commit is contained in:
@@ -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: 'Runner', link: 'runner/index' },
|
||||
{ text: 'Cloudbuild', link: '/cloudbuild' },
|
||||
{ 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: '' // 留空避免重复
|
||||
},
|
||||
// 设置搜索框的样式
|
||||
|
27
docs/cloudbuild/index.md
Normal file
27
docs/cloudbuild/index.md
Normal file
@@ -0,0 +1,27 @@
|
||||
# 分布式编译系统CloudBuild
|
||||
|
||||
## 为什么需要分布式编译技术
|
||||
- 大型项目过长的编译耗时将会给开发、测试和调试都带来延迟,所以缩短大型项目的编译时间的分布式编译系统有重要意义
|
||||
- 使用分布式编译系统编译项目可以利用计算机集群提高编译效率,缩短项目编译时间
|
||||
- 在实际开发时,同一个团队大量的编译任务时相同的。CloudBuild提供的编译缓存可以避免重复上传和重复编译,从而进一步加快编译效率
|
||||
|
||||
## 总体架构
|
||||
### 系统总体架构
|
||||

|
||||
- Ninja:客户端,该机器上需要保存有完整的待编译项目源代码。
|
||||
- Action Cache:服务端缓存,主要保存编译任务的执行结果。
|
||||
- CAS Cache:服务端缓存,主要保存客户端上传的依赖文件,编译结果文件。
|
||||
- Scheduler:任务调度器,将编译任务id分发到各个编译节点。
|
||||
- Redis:主要存储具体的编译任务供编译节点领取执行,也可存储Action Cache和 CAS Cache中的内容加速编译。
|
||||
- MySQL:主要存储编译过程中的任务统计信息。
|
||||
- Executor:各个编译节点
|
||||
|
||||
### 部署示意图
|
||||

|
||||
CloudBuild主程序分为三个部分:Client、Server、Executor。
|
||||
- Client:运行在客户端,和用户对接,用于生成待执行的远程编译任务, 同时也作为本地编译节点执行本地任务。
|
||||
- Server:运行在主服务器,主要用于连接各个编译节点,以及 将客户端上传的编译任务调度到与其连接的各个编译节点上。
|
||||
- Executor:运行在编译节点,负责接收并执行编译任务,是编译任务真正执行的地方。
|
||||
|
||||
### 系统分层结构
|
||||

|
@@ -1,156 +1,176 @@
|
||||
<!-- docs/index.vue -->
|
||||
<template>
|
||||
<div id="header">
|
||||
<h2>我们的产品</h2>
|
||||
<div class="product-container">
|
||||
<ol class="product-list">
|
||||
<!-- 产品1 -->
|
||||
<li class="product-item">
|
||||
<div class="product-card">
|
||||
<img src="/DevStar.png" alt="产品1" class="product-image">
|
||||
<div class="product-info">
|
||||
<h3 class="product-title">Devstar1</h3>
|
||||
<p class="product-desc">DevStar Studio 是一个Gitea 发行版,在Git代码仓库托管的基础上提供了开发环境DevEnv执行引擎,与VS Code插件或自定义IDE深度融合,形成灵活适配基础软件工具的生态平台,从而为开发者用户提供智能(代码大模型AI+)、安全(完全云原生)、一站式开箱即用的CI/CD全生命周期研发平台</p>
|
||||
<a href="/document/index" class="product-link">介绍文档</a>
|
||||
</div>
|
||||
<section class="tencent-showcase">
|
||||
<div class="ten_main">
|
||||
<div class="ten_links">
|
||||
<!-- 公司简介卡片 -->
|
||||
<a
|
||||
href="/devstar"
|
||||
class="ten_img"
|
||||
@mouseenter="hoverItem = 'about'"
|
||||
@mouseleave="hoverItem = null"
|
||||
>
|
||||
<img
|
||||
src="/public/promotional-graphic-devstar.png"
|
||||
alt="公司简介"
|
||||
class="tencent-image"
|
||||
:class="{ 'image-hover': hoverItem === 'about' }"
|
||||
>
|
||||
<div class="ten_img_txt" :class="{ 'text-hover': hoverItem === 'about' }">
|
||||
<h2>Devstar Studio</h2>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- 企业文化卡片 -->
|
||||
<a
|
||||
href="/cloudbuild"
|
||||
class="ten_img"
|
||||
@mouseenter="hoverItem = 'culture'"
|
||||
@mouseleave="hoverItem = null"
|
||||
>
|
||||
<img
|
||||
src="/public/promotional-graphic-cloudbuild.jpg"
|
||||
alt="企业文化"
|
||||
class="tencent-image"
|
||||
:class="{ 'image-hover': hoverItem === 'culture' }"
|
||||
>
|
||||
<div class="ten_img_txt" :class="{ 'text-hover': hoverItem === 'culture' }">
|
||||
<h2>Cloudbuild</h2>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- 办公地点卡片 -->
|
||||
<a
|
||||
href="/simulator"
|
||||
class="ten_img"
|
||||
@mouseenter="hoverItem = 'office'"
|
||||
@mouseleave="hoverItem = null"
|
||||
>
|
||||
<img
|
||||
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>
|
||||
|
||||
<!-- 产品2 -->
|
||||
<li class="product-item">
|
||||
<div class="product-card">
|
||||
<img src="/DevStar.png" alt="产品2" class="product-image">
|
||||
<div class="product-info">
|
||||
<h3 class="product-title">Devstar2</h3>
|
||||
<p class="product-desc">DevStar Studio 是一个Gitea 发行版,在Git代码仓库托管的基础上提供了开发环境DevEnv执行引擎,与VS Code插件或自定义IDE深度融合,形成灵活适配基础软件工具的生态平台,从而为开发者用户提供智能(代码大模型AI+)、安全(完全云原生)、一站式开箱即用的CI/CD全生命周期研发平台</p>
|
||||
<a href="/document/index" class="product-link">介绍文档</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!-- 产品3 -->
|
||||
<li class="product-item">
|
||||
<div class="product-card">
|
||||
<img src="/DevStar.png" alt="产品3" class="product-image">
|
||||
<div class="product-info">
|
||||
<h3 class="product-title">Devstar3</h3>
|
||||
<p class="product-desc">DevStar Studio 是一个Gitea 发行版,在Git代码仓库托管的基础上提供了开发环境DevEnv执行引擎,与VS Code插件或自定义IDE深度融合,形成灵活适配基础软件工具的生态平台,从而为开发者用户提供智能(代码大模型AI+)、安全(完全云原生)、一站式开箱即用的CI/CD全生命周期研发平台</p>
|
||||
<a href="/document/index" class="product-link">介绍文档</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'HomePage',
|
||||
methods: {
|
||||
handleClick() {
|
||||
alert('按钮被点击!')
|
||||
name: 'TencentShowcase',
|
||||
data() {
|
||||
return {
|
||||
hoverItem: null
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
h2 {
|
||||
border-top: 0;
|
||||
margin: 0 0 0 16px;
|
||||
}
|
||||
.product-container {
|
||||
/* 基础布局 */
|
||||
.tencent-showcase {
|
||||
background: white;
|
||||
}
|
||||
|
||||
.ten_main {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
/* Flex布局产品列表 */
|
||||
.product-list {
|
||||
.ten_links {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
gap: 30px;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* 每个产品项 */
|
||||
.product-item {
|
||||
flex: 1 1 300px; /* 最小宽度300px,可伸缩 */
|
||||
}
|
||||
|
||||
/* 产品卡片 */
|
||||
.product-card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center; /* 新增:使卡片内所有元素水平居中 */
|
||||
height: 100%;
|
||||
border: 1px solid #eaecef;
|
||||
border-radius: 8px;
|
||||
/* 卡片容器 */
|
||||
.ten_img {
|
||||
position: relative;
|
||||
display: block;
|
||||
flex: 1;
|
||||
text-decoration: none;
|
||||
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 {
|
||||
width: 180px; /* 根据原图比例调整 */
|
||||
height: 180px;
|
||||
object-fit: contain; /* 完整显示标志 */
|
||||
background: transparent; /* 去除白色背景 */
|
||||
padding: 0; /* 去除内边距 */
|
||||
border: none !important; /* 强制去除边框 */
|
||||
/* 图片样式 - 严格按第一张图要求 */
|
||||
.tencent-image {
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
object-fit: contain;
|
||||
object-position: center;
|
||||
background-color: #f5f7fa;
|
||||
/* padding: 20px; */
|
||||
box-sizing: border-box;
|
||||
transition: all 0.5s ease;
|
||||
}
|
||||
|
||||
/* 产品信息区域 */
|
||||
.product-info {
|
||||
.image-hover {
|
||||
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 {
|
||||
margin: 0 0 10px 0;
|
||||
font-size: 1.2rem;
|
||||
color: #333;
|
||||
.text-hover {
|
||||
background: linear-gradient(to top, rgba(0,90,180,0.7), transparent);
|
||||
}
|
||||
|
||||
.product-desc {
|
||||
margin: 0 0 15px 0;
|
||||
color: #666;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.product-link {
|
||||
display: inline-block;
|
||||
padding: 8px 16px;
|
||||
background-color: #3eaf7c;
|
||||
.ten_img_txt h2 {
|
||||
border-top: none;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
text-align: center;
|
||||
transition: background-color 0.3s;
|
||||
font-size: 22px;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
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 {
|
||||
gap: 20px;
|
||||
.ten_links {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.product-item {
|
||||
flex: 1 1 100%;
|
||||
.ten_img {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.tencent-image {
|
||||
height: 180px;
|
||||
}
|
||||
}
|
||||
</style>
|
@@ -26,4 +26,4 @@ DevStar Studio是一个通用的一站式软件研发平台,它最初的目标
|
||||
|
||||
## 在线演示
|
||||
|
||||
访问[devstar.cn](https://devstar.cn)或者在VS Code插件市场搜索devstar
|
||||
访问[devstar.cn](https://devstar.cn)或者在VS Code插件市场搜索devstar
|
@@ -5,21 +5,21 @@ layout: home
|
||||
hero:
|
||||
# name: " 通用的"
|
||||
# text: " 为中小型公司提供IT服务"
|
||||
text: "为中小型公司提供IT服务"
|
||||
tagline: 我们为各行各业提供定制软件解决方案,为您的企业打造高价值的软件和技术
|
||||
text: "DevStar Studio: The Last Mile of Al for R&D"
|
||||
tagline: 为AI时代打造的新一代智能研发平台,面向人类开发者和AI开发者的融合团队,专注于产品质量和团队效能,为研发部门赋能提效的一站式解决方案
|
||||
image:
|
||||
src: /slider1.png
|
||||
alt: 背景图片
|
||||
actions:
|
||||
- theme: brand
|
||||
text: devstar入门
|
||||
link: /document/index
|
||||
- theme: alt
|
||||
text: devstar入门
|
||||
link: /document/index
|
||||
- theme: alt
|
||||
text: devstar入门
|
||||
link: /document/index
|
||||
# actions:
|
||||
# - theme: brand
|
||||
# text: DevStar Studio
|
||||
# link: /devstar/index
|
||||
# - theme: alt
|
||||
# text: CloudBuild
|
||||
# link: /cloudbuild/index
|
||||
# - theme: alt
|
||||
# text: Simulator
|
||||
# link: /simulator/index
|
||||
|
||||
# features:
|
||||
# - title: 极易安装
|
||||
|
BIN
docs/public/cloudbuild/architecture.png
Normal file
BIN
docs/public/cloudbuild/architecture.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 51 KiB |
BIN
docs/public/cloudbuild/layered-system-architecture.png
Normal file
BIN
docs/public/cloudbuild/layered-system-architecture.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 151 KiB |
BIN
docs/public/cloudbuild/system-diagram.png
Normal file
BIN
docs/public/cloudbuild/system-diagram.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 233 KiB |
BIN
docs/public/promotional-graphic-cloudbuild.jpg
Normal file
BIN
docs/public/promotional-graphic-cloudbuild.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 164 KiB |
BIN
docs/public/promotional-graphic-devstar.png
Normal file
BIN
docs/public/promotional-graphic-devstar.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 510 KiB |
BIN
docs/public/promotional-graphic-simulator.jpg
Normal file
BIN
docs/public/promotional-graphic-simulator.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 126 KiB |
0
docs/simulator/index.md
Normal file
0
docs/simulator/index.md
Normal file
Reference in New Issue
Block a user