Skip to content

v1.0.0 - The Spark Ignites! ✨

Latest

Choose a tag to compare

@Azure12355 Azure12355 released this 07 Jun 02:41
· 5 commits to main since this release

我们非常激动地宣布 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 流式接口的代理和转换。

🚀 如何开始

想要在本地体验?

  1. 克隆仓库。
  2. 在项目根目录创建 .env.local 文件,并填入你的 ZHIPUAI_API_KEY。
  3. 运行 pnpm install && pnpm dev。
    更详细的步骤请参考我们的 README.md。

展望未来 (What's Next?)

v1.0.0 只是一个开始!我们计划在未来:

  • 实现更多官网页面的复刻。
  • 引入用户认证系统,保存聊天历史。
  • 对组件库进行进一步的抽象和优化。

非常感谢你对 edu-spark 的关注!欢迎提出宝贵的意见和建议。


使用说明:

  1. 在 GitHub 仓库页面,点击 "Releases" -> "Draft a new release"。
  2. 将上面的内容分别填入对应的标题和描述框。
  3. Tag version 字段输入 v1.0.0。
  4. 确保 "Set as a pre-release" 复选框 未被选中,因为这是一个正式的稳定版本。
  5. 点击 "Publish release" 即可!恭喜!🎉