LuminousVar/crux-landing
GitHub: LuminousVar/crux-landing
Crux 网络运维平台的静态落地页，用于展示自动化、监控与AI辅助能力的品牌与功能概览。
Stars: 0 | Forks: 0
# Crux — 公司简介
[Crux](https://github.com/LuminousVar/crux-landing) 开源网络运维平台的落地页。使用 SvelteKit 和 Tailwind CSS v4 构建的完全静态站点。
## 技术栈
| 层级 | 工具 |
| -------- | -------------------------------------- |
| 框架 | SvelteKit + `@sveltejs/adapter-static` |
| 语言 | TypeScript (严格模式, Svelte 5 runes) |
| 样式 | Tailwind CSS v4 |
| 图标 | lucide-svelte, simple-icons |
| 包管理器 | bun |
| 部署 | Vercel（静态） |
## 快速开始
```
# 安装依赖
bun install
# 启动 dev server → http://localhost:5174
bun run dev
# Type-check
bun run check
# Lint + 格式检查
bun run lint
# 格式化
bun run format
```
## 构建
```
bun run build
bun run preview
```
输出在 `build/` 目录中 — 完全静态，无需服务器。
## 环境变量
在项目根目录创建 `.env` 文件：
```
PUBLIC_FORMSPREE_URL=https://formspree.io/f/your-form-id
```
| 变量 | 说明 |
| ---------------------- | ------------------------------------------------- |
| `PUBLIC_FORMSPREE_URL` | AI Agent 功能建议表单的 Formspree 端点 |
对于 Vercel 部署，请在**项目设置 → 环境变量**中添加此变量。
## 项目结构
```
src/
├── routes/
│ ├── +layout.svelte # Global layout — Navbar + global styles
│ ├── +page.svelte # Main page — composes all sections
│ └── docs/ # Documentation pages
└── lib/
├── components/
│ ├── sections/ # Page sections (Hero, Introduction, NetworkHub…)
│ └── ui/ # Reusable primitives (Badge, FaqItem…)
└── app.css # Tailwind v4 theme tokens
static/
├── crux-logo-nobg.svg
├── favicon.svg
└── logos/ # Vendor logo files (Arista, Aruba, Ruijie…)
```
## 章节
| # | 章节 | 描述 |
| --- | ------------ | -------------------------------------------------------------------- |
| — | 主视觉 | 旋转标题、动画背景路径、行动号召按钮 |
| — | 供应商滚动条 | 滚动展示供应商 Logo 的跑马灯 |
| — | 介绍 | 自托管与云端部署卡片（Vercel 风格） |
| 01 | 功能 | 交互式功能轨道 — 监控、自动化、AI、安全 |
| 02 | 集成 | 网络中枢图 — Crux 连接 8 个供应商节点 |
| 03 | 用例 | 基于角色的用例卡片 |
| 04 | AI Agent | 可拖拽的便签卡片，包含 AI 代理命令示例 |
| 05 | 常见问题 | 手风琴式 FAQ |
| — | 页脚 | 渐变背景的行动号召区域 + 四列页脚 |
## 部署到 Vercel
1. 推送到 GitHub
2. 在 Vercel 中导入仓库
3. Vercel 自动检测 SvelteKit — 无需框架覆盖
4. 在环境变量中添加 `PUBLIC_FORMSPREE_URL`
5. 部署
构建命令：`bun run build`
输出目录：`build`
## 许可证
MIT
标签：AI辅助应急响应, Docker 部署, OSV, SvelteKit, Tailwind CSS, TypeScript, Vercel, 安全插件, 平台展示, 开源, 监控, 着陆页, 网络安全, 网络调试, 网络运维, 自动化, 隐私保护, 静态站点