Easy-Vibe 项目详细介绍

Easy-Vibe 是 Datawhale（一个开源学习社区）推出的一个项目制学习教程仓库，全称“从 0 到 1 学会 vibe coding，项目制学习”。它的核心目标是帮助学习者从零基础开始，掌握 vibe coding（一种 AI 辅助的、直觉式的现代编程方式），最终能够独立构建完整的 AI 原生应用（AI-native products）并上线部署。

这是用来做什么的？

• 解决的问题：

  • 很多人不知道如何选择和使用 AI 编程工具（比如 Claude、Cursor、Trae 等）。
  • 不知道如何将大模型的能力（如生成代码、图像、视频）应用到实际产品中。
  • 不清楚 AI 生成的代码距离真实上线运行还有多大差距。
• 核心理念：通过“vibe coding”方式（用自然语言提示 AI 生成、迭代代码），结合项目实践，让学习者快速从想法原型到生产级产品。

• 学习路径：分为三个阶段：

  1. 本地原型阶段：构建简单的 Web 小应用（如贪吃蛇游戏）。
  2. 全栈开发与部署阶段：集成后端、数据库、RAG（检索增强生成），并上线部署。
  3. 跨平台复杂应用阶段：开发更高级的 AI 应用（如霍格沃茨肖像生成器）。

• 目标受众：

  • 非技术小白（但建议有基本编程基础）。
  • 中级开发者想快速原型化。
  • 高级工程师想高效构建 AI 产品。
• 额外收获：不仅仅教编码，还强调产品思维（如需求文档 PRD 编写、UI/UX 设计、用户增长策略、想法验证）。

项目通过一系列递进的实战项目（如贪吃蛇游戏、霍格沃茨肖像应用、现代 Web App）来教学，帮助你掌握从想法到上线的全流程。

主要特点和技术栈

• 特点：

  • 项目驱动学习，闭环体验（建议完整做完所有项目）。
  • 强调 AI 工具链的使用，减少手动敲代码。
  • 包含额外知识补充（如 Git/GitHub 使用、API 调用等）。

• 关键技术：

  • 前端：HTML/CSS/JS、现代组件库、UI 设计工具。
  • 后端：Supabase（数据库、认证、存储、边缘函数）、Dify（RAG、工作流编排）。
  • AI 工具：Trae（推荐 AI IDE）、Cursor、VS Code、Claude 等大模型。
  • 部署：Zeabur（一键云托管）、类似 Vercel/Netlify。
  • 版本控制：Git & GitHub（分支、PR、SSH）。
  • API：文本转图像/视频、Dify API、Supabase API 等。

仓库许可：CC BY-NC-SA 4.0（知识共享、非商业、相同方式共享）。

如何使用？

1. 准备环境：

   • 安装 Node.js、npm、Git。
   • 推荐使用 AI IDE（如 Trae、Cursor 或 VS Code + AI 插件）。
   • 有基本编程知识（任意语言）最好。

2. 克隆仓库：

   git clone https://github.com/datawhalechina/easy-vibe.git
   cd easy-vibe

3. 运行本地服务（两种方式）：

   • 推荐现代方式（AI IDE）：
     在 AI IDE 中打开项目文件夹，直接输入提示：

     请你帮我运行这个项目的本地服务

   AI 会自动帮你安装依赖并启动。

   • 传统 CLI 方式：

     npm install
     npm run dev

     然后浏览器打开 http://localhost:3000 查看。

4. 学习和使用流程：

   • 从 docs/ 目录开始阅读：

     • 先看 Chapter 0：学习地图（docs/project/chapter0-learning-map/），了解整体路径。

     • 依次完成 Project 1~6（每个章节有详细 Markdown 教程、代码示例和 AI 提示指导）。

       • 示例项目：Project 1 用 AI 构建贪吃蛇游戏，并集成文本/图像生成 API。
       • Project 4：用 AI IDE 将设计图转为霍格沃茨肖像应用代码。
     • 额外示例（docs/examples/）：如用 Trae 构建微信小程序版贪吃蛇。
   • 在实践中，多用 AI 提示生成代码、调试、优化。
   • 项目逐步引入 Git 提交、分支管理、部署到 Zeabur 等。

5. 注意事项：

   • 仓库主要文档是中文（英文文档不完整）。
   • 部分高级项目（7~9）和示例（2~3）仍在建设中（

NotebookLM 中这些提示词的作用Google 的 NotebookLM（一个 AI 笔记工具）支持生成 AI 信息图表（Infographics）、视觉摘要、幻灯片（Slide Decks）或视频概述（Video Overviews）。在生成这些视觉内容时，用户可以通过自定义提示词（Custom Style Prompts）来控制输出风格，包括颜色调色板、布局、字体、图标类型、整体美学等。这些提示词就是自定义视觉风格的描述，它们告诉 AI 如何设计信息图表的“外观和感觉”。NotebookLM 默认有几种内置风格，但用户可以输入详细的自定义提示来创建更个性化的视觉效果（如专业、趣味、教育或未来感）。你列出的这些提示词，正是社区用户常用或分享的自定义风格提示示例，用于生成不同主题的信息图表。它们不是生成内容的主体提示，而是附加的“风格指导”（通常在生成信息图表的界面中，有一个输入框或铅笔图标来添加这些）。

Professional looking specalise for utility not for fun

Clean Swiss Minimalist. Use a high-contrast monochrome palette (black, white, and slate grey), strict grid alignment, and geometric, technical iconography. Avoid cartoons or hand-drawn elements.

Not found [Sorry I was unable to find this one]

Professional minimal designing

Technical Blueprint, Logic and Relationships, Swiss Minimalist.

Vertical Winding Timeline. Focus on Chronological Progression. Flat Vector Minimalist style. Use a monochromatic cool-tone palette (Cyan, Teal, Slate Blue), central path layout, and clean sans-serif typography. Simple flat icons, no complex shading.

Create a 'sketchnote' style infographic that looks like it was drawn on a whiteboard. Use a handwritten font style, arrow doodles, and marker-style colors

​Use a dark mode theme with neon accents (cyberpunk aesthetic). Dark grey background with glowing green and purple highlights. Use futuristic, angular fonts.

Design a fun, colorful infographic suitable for students. Use pastel colors, rounded shapes, and simple illustrative icons to represent the main points.

您的 Gmail 账号（*@gmail.com）无法登录，并且在恢复过程中出现 “需要等待 30 天” 的提示，这是 Google 的正常安全机制。

为什么会出现 30 天延迟？

Google 在处理账号恢复请求时，会根据多种风险因素评估情况，例如：

• 提供的恢复信息不足（如旧密码、创建时间、常用设备等不匹配）。
• 登录尝试看起来可疑（可能被视为潜在黑客攻击或账号被盗风险）。
• 多次失败的登录或恢复尝试。
• 账号长时间未使用，或从不熟悉的设备/IP 尝试恢复。

为了防止账号被他人恶意夺取，Google 会故意添加延迟（从几小时到最多一个月不等），给真正的主人更多时间注意到异常，并进行额外验证。这是一种反账号劫持（anti-hijacking）的保护措施。

官方解释见 Google 帮助页面：账号恢复请求可能因风险因素而延迟几小时到几天（极端情况下更长）。

你现在能做什么？

1. 耐心等待 30 天
   在 30 天后，检查你提供的恢复邮箱 *@gmail.com（包括垃圾邮件/垃圾箱文件夹），Google 会发送一个登录或重置密码的链接。
2. 随时再试恢复
   你可以随时再次尝试账号恢复流程（去 https://accounts.google.com/signin/recovery），有时提供更多准确信息（如账号创建日期、常用联系人、以前用过的手机号码等）就能绕过延迟，直接恢复。

3. 提高恢复成功率的小提示

   • 使用你以前经常登录该账号的设备、浏览器和网络（熟悉的 IP 地址有助于）。
   • 回答恢复问题时，尽量提供越多细节越好。
   • 如果有旧手机号码或备用邮箱，优先使用它们验证。

如果 30 天后还没收到邮件，或者有其他问题，可以再去 Google 账号恢复页面重试。通常这种情况等待后都能成功恢复，别担心，这是 Google 的标准流程，不是账号永久丢失。

nanobanana提示词各种模版

https://youmind.com/nano-banana-pro-prompts

例如

Create a modern Apple Design-inspired "This Day in History" calendar page for {当前月}月{当前日}日, {当前年份}, commemorating {历史事件标题} on {事件月}月{事件日}日, {事件年份}. Ultra-minimalist, clean, and sophisticated layout in 4K quality.
Layout Structure:

• Top: Elegant Chinese date "{月}月{日}日" (large), "星期{X}" (small)
• Calendar widget: Top-right corner showing {当前年份}年{当前月}月 calendar grid
  CRITICAL - Calendar Accuracy Requirements:
• Display the CORRECT month: {当前年份}年{当前月}月 (e.g., "2026年1月" for January 2026)
• Show accurate calendar grid with correct day-of-week alignment
• Highlight date {当前日} (e.g., if today is 1月6日, highlight "6")
• Calendar must start from the 1st day of the current month
• Show correct number of days for the month (January = 31 days)
• First day of month must align with correct weekday
• Reference: January 2026 starts on Thursday (周四), so grid layout should be:
  Row 1: [empty] [empty] [empty] [1] [2] [3] [4]

Row 2: [5] [6-highlighted] [7] [8] [9] [10] [11]
etc.

• Use accurate 2026 calendar data, do NOT use random or placeholder dates
• Main card: Frosted glass effect with subtle shadows
  Central Illustration:

{根据领域选择对应插画场景配置}

• Clean line-art style with limited color palette
• {领域特定元素列表}
• Soft ambient lighting creating depth
• Cute minimalist cartoon character in {领域}风格 in corner
  Typography (4K clarity):
• Category: "历史上的今天 | {领域}" - Thin sans-serif
• Title: "{事件年份}年{事件月}月{事件日}日:{事件标题}" - Medium weight
• Body: "{事件详细描述}" - Light weight, 1.8 line-spacing
• Highlight keywords: {关键词列表} with subtle emphasis
  Design Elements:
• 60% white/negative space
• 8px grid system alignment
• Soft shadows (0 4px 16px rgba(0,0,0,0.06))
• {领域特定装饰图案}
• {领域特定纹理}
  Color Scheme:
• Background: {领域背景色} with {领域纹理}
• Primary text: #1D1D1F
• Accent: {领域点缀色1} and {领域点缀色2}
• Card: rgba(255,255,255,0.96) with blur
  Watermark:
• "{当前年份}" in English, 6% opacity, ultra-thin, diagonal background
  Apple Design Principles (4K):
• Crystal-clear typography with perfect anti-aliasing
• Sophisticated shadow layering
• Minimum 32px padding
• WCAG AAA contrast ratios
• Perfect pixel precision
  Bottom right: "创作者: Berryxia" in subtle elegant text

Format: Portrait (9:16 or 2:3), 4K quality
Mood: Elegant, {领域情绪}, sophisticated - celebrating {领域特点} with contemporary design excellence.
VERIFICATION CHECKLIST (Must satisfy ALL):
✓ Calendar shows correct month: {当前年份}年{当前月}月
✓ Calendar grid starts from day 1 of current month
✓ Date {当前日} is highlighted correctly
✓ Days of week align correctly (consult 2026 calendar)
✓ Number of days matches actual month length

这个可用做历史今天

NotebookLM 不支持直接将生成的分类总结或笔记输出为 DOCX 文档。它主要通过网页界面生成和显示内容，如笔记、学习指南、FAQ 或音频概述，而内置导出选项有限，通常仅支持下载为 Markdown、PDF（部分功能如 Infographic 可下载为 PNG）或分享链接。

替代方法实现类似输出

尽管没有原生 DOCX 导出，你可以通过以下方式获取内容并转换为 DOCX：

1. 手动复制并粘贴：在 NotebookLM 的笔记或聊天响应中，生成的分类总结通常以结构化文本（如 bullet 列表或表格）呈现。你可以全选复制，然后粘贴到 Microsoft Word 或 Google Docs 中，保存为 DOCX。这会保留基本格式，但可能需要手动调整表格或方程。

2. 使用第三方工具转换：

   • 生成 Markdown 输出（NotebookLM 支持导出笔记为 Markdown），然后使用工具如 MassiveMark、Pandoc 或在线转换器（如 bibcit.com）将其转为 DOCX。这些工具能保留表格、代码和方程的格式。
   • 例如，在 NotebookLM 生成总结后，导出为 Markdown 文件，然后在 Word 中打开或使用转换服务下载 DOCX。
3. 下载所有笔记：如果你生成多个笔记，可以使用扩展方法（如浏览器插件或脚本）一次性下载整个项目的内容，然后导入 Word。但这不是官方功能，需要额外步骤。

NotebookLM 支持上传 DOCX 文件进行分析（如你的物理题目文档），但输出侧重点在交互式笔记而非文件导出。如果需要更灵活的导出，考虑结合 Google Docs（NotebookLM 基于 Google 生态）或外部 AI 工具来处理生成的内容。

bibcit.com 在线工具注册就可以领取免费额度.