Repository navigation
我们非常激动地宣布 volcano-engine 的第一个官方公开版本!🌋✨
这个版本标志着项目从一个想法到完整实现的里程碑。我们成功地创建了一个对火山引擎官网的高保真复刻,不仅在视觉上力求完美,更集成了强大的后端功能,为您带来一个完整、可交互的现代化 Web 应用。
🎉 What's in this Release?
🎨 高保真 UI & UX
- 全响应式布局: 从桌面宽屏到移动设备,所有核心页面均完美适配,提供一致的浏览体验。
- 精美组件复刻: 精心复刻了火山官网的多个核心展示区,包括英雄区、产品特性、定价方案、系统能力、安全保障等。
- 流畅的动画效果: 全站广泛使用
framer-motion,为页面加载、组件入场和用户交互添加了丰富而丝滑的动画,体验极佳。
🤖 功能完备的 AI 聊天机器人
这是本次发布最核心的亮点功能!一个功能强大且体验完整的 AI 助手:
- 实时流式响应: 对接真实的智谱 AI (ZhipuAI) 模型,实现了打字机效果的流式输出。
- Markdown 全支持: 完美渲染列表、表格、引用等所有 GFM 语法。
- 代码高亮: 使用
react-syntax-highlighter对代码块进行美观的语法高亮,支持多种编程语言。 - 图表绘制 (Mermaid.js): 你可以直接在对话中要求它使用 Mermaid 语法绘制流程图、序列图等!试试发送:
用 mermaid 画一个用户登录的流程图。 - 展示思考过程: 能够解析并选择性地展示 AI 的思考过程,让交互更透明。
🛠️ 现代化的技术基础
- 基于 Next.js 15 (App Router) 和 TypeScript 构建,代码结构清晰,类型安全。
- 采用 CSS Modules 与 Tailwind CSS 相结合的样式方案,兼顾了作用域隔离和开发效率。
- 后端 API (
/api/chat) 实现了对 ZhipuAI SDK 流式接口的代理和转换。
🚀 如何开始
想要在本地体验?
- 克隆仓库。
- 在项目根目录创建
.env.local文件,并填入你的ZHIPUAI_API_KEY。 - 运行
pnpm install && pnpm dev。
更详细的步骤请参考我们的 README.md。
展望未来 (What's Next?)
v1.0.0 只是一个开始!我们计划在未来:
- 实现更多官网页面的复刻。
- 引入用户认证系统,保存聊天历史。
- 对组件库进行进一步的抽象和优化。
非常感谢你对 edu-spark 的关注!欢迎提出宝贵的意见和建议。
使用说明:
- 在 GitHub 仓库页面,点击 "Releases" -> "Draft a new release"。
- 将上面的内容分别填入对应的标题和描述框。
Tag version字段输入v1.0.0。- 确保 "Set as a pre-release" 复选框 未被选中,因为这是一个正式的稳定版本。
- 点击 "Publish release" 即可!恭喜!🎉