# LingFrame-Website

**Repository Path**: LingFrame/ling-frame-website

## Basic Information

- **Project Name**: LingFrame-Website
- **Description**: LingFrame 官方网站源码。独立仓库维护，与主仓库分离：代码更纯粹，官网可独立迭代
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2026-03-01
- **Last Updated**: 2026-04-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: HTML, CSS, JavaScript, Vue, Nodejs

## README

# LingFrame 官网

基于 Vue 3 + Vite 构建的 LingFrame 官方网站。

## 技术栈

- **Vue 3** - 渐进式 JavaScript 框架
- **Vue Router** - 官方路由管理
- **Vite** - 下一代前端构建工具

## 项目结构

```
src/
├── App.vue           # 根组件（布局、导航、侧边栏）
├── main.js           # 应用入口
├── style.css         # 全局样式
├── router/
│   └── index.js      # 路由配置
├── views/
│   ├── Home.vue      # 首页
│   └── About.vue     # 关于我们
└── docs/              # 文档页面（仅作官网展示模拟，非实际项目文档）
    ├── Architecture.vue      # 架构设计
    ├── Dashboard.vue         # 治理中心
    ├── FAQ.vue              # 常见问题
    ├── GettingStarted.vue   # 快速开始
    ├── Glossary.vue         # 术语表
    ├── Infrastructure.vue   # 基础设施
    ├── LingDevelopment.vue  # 灵元开发
    ├── Observability.vue    # 可观测性
    ├── Practical.vue        # 实战指南
    ├── Roadmap.vue          # 路线图
    ├── RuntimeDualState.vue # 运行时双状态机
    ├── SharedAPI.vue        # 共享 API
    ├── Technical.vue        # 技术能力
    ├── Troubleshooting.vue  # 故障排查
    └── Tutorial.vue         # 教程
```

## 页面说明

> **注意**：以下文档页面仅作官网展示模拟用途，非 LingFrame 实际项目文档。

| 页面 | 路由 | 说明 |
|------|------|------|
| 首页 | `/` | 展示项目特性、架构图、代码示例 |
| 关于我们 | `/about` | 团队介绍 |
| 快速开始 | `/getting-started` | 5分钟快速入门指南 |
| 架构设计 | `/architecture` | 系统架构详解 |
| 技术能力 | `/technical` | 核心能力介绍 |
| 运行时双状态机 | `/runtime-dual-state` | 双状态机模型说明 |
| 共享 API | `/shared-api` | API 设计文档 |
| 基础设施 | `/infrastructure` | 基础设施集成 |
| 可观测性 | `/observability` | 日志、追踪、监控 |
| 治理中心 | `/dashboard` | Dashboard 使用指南 |
| 实战指南 | `/practical` | 实际应用案例 |
| 灵元开发 | `/ling-development` | 灵元开发教程 |
| 术语表 | `/glossary` | 专业术语解释 |
| 故障排查 | `/troubleshooting` | 常见问题解答 |
| 教程 | `/tutorial` | 完整教程 |
| 常见问题 | `/faq` | FAQ 页面 |
| 路线图 | `/roadmap` | 项目规划路线图 |

## 开发

```bash
# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build
```

## 功能特性

- **响应式设计** - 适配桌面端和移动端
- **暗色主题** - 护眼的深色配色方案
- **动态侧边栏** - 文档页面自动展开/收起
- **平滑动画** - 丰富的交互动画效果
- **代码高亮** - 支持代码片段复制

## 许可证

Apache License 2.0