diff --git a/docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md b/docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md index e74265c..efc92af 100644 --- a/docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md +++ b/docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md @@ -263,7 +263,7 @@ AI 出现之后,第一次给了普通人一个全新的可能:你不需要会 如果觉得这些有挑战性,你可以直接向语言模型求助!它可以提供创意建议,让你的游戏更有趣。试一试吧! -```JavaScript +``` 1. "单词解锁世界" 机制 每当蛇吃掉一个单词,LLM 会对该单词进行诗意联想(例如,“树”→“森林”、“绿荫”),图像模型会即时为该单词生成一个小艺术品。这些图像逐渐拼凑成一个独特的、玩家创造的全景图,所以玩家每次游玩都在“作画和写诗”。 @@ -331,7 +331,7 @@ z.ai 的回复将会是这样的: 创造任何我们想创造的东西,甚至尝试搞砸一切!然后重头再来! -```YAML +``` 1. AI 艺术画廊平台 描述:一个展示 AI 生成艺术作品的在线画廊,用户可以上传、分享和评论 AI 艺术作品。 功能:用户账户系统、艺术作品上传和展示、评分系统、分类浏览、AI 生成工具集成。 @@ -385,7 +385,7 @@ z.ai 的回复将会是这样的: 还有... 如果你喜欢玩游戏,让我们一起尝试创造游戏吧! -```SQL +``` 1. 3D 开放世界 RPG 描述:一个具有广阔开放世界、任务和角色成长的奇幻 RPG。 功能:昼夜循环、动态天气、技能树、多人合作、制作系统。 @@ -664,7 +664,7 @@ z.ai 的回复将会是这样的: 实际上,在真正的 vibe coding 过程中,我们通常不会使用很多复杂的提示词。也许我们在开始时需要为整个程序提供一个具体且适度复杂的提示词,但在那之后的每一步,你可能只需要以下类型的提示词: -```JSON +``` "代码里有个 bug,请修复它。" "我不要部分代码,给我完整的修改后的代码。" "你的代码还是有问题。" diff --git a/docs/zh-cn/stage-1/appendix-articles/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents.md b/docs/zh-cn/stage-1/appendix-articles/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents.md index f0fdcbe..afcfca5 100644 --- a/docs/zh-cn/stage-1/appendix-articles/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents.md +++ b/docs/zh-cn/stage-1/appendix-articles/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents.md @@ -64,12 +64,12 @@ Logo 是决定你网站第一印象的关键元素之一。想要从 AI 设计 A **示例提示词** -```Plain +``` "请为我设计一个极简风格的 Logo,品牌名称是 ‘My First Website’。 使用黑色 (#171721) 和橙色 (#FF7130),并将文字放在一个圆形内部。" ``` -```Plain +``` "请设计一个以 ‘AIID’ 为品牌名的 Logo。 整体风格要未来感、干净简洁,主色为蓝色与白色。 将象征 AI 的抽象图形与文字相结合,并导出为带透明背景的 PNG。" @@ -148,7 +148,7 @@ Logo 是决定你网站第一印象的关键元素之一。想要从 AI 设计 A **示例提示词** -```Plain +``` "请设计一个由 Home、About、Contact 三个版块构成的单页网站。 使用配色 #171721、#FF7130 和 #FF3C68。 整体风格要现代、简洁。" @@ -219,7 +219,7 @@ Logo 是决定你网站第一印象的关键元素之一。想要从 AI 设计 A **示例** -```HTML +```html
This is my first website.
Contact @@ -233,7 +233,7 @@ Logo 是决定你网站第一印象的关键元素之一。想要从 AI 设计 A **示例** -```CSS +```css h1 { color: #FF7130; /* Text color */ font-size: 36px; /* Font size */ @@ -254,13 +254,13 @@ body { **示例** -```JavaScript +```javascript function showAlert() { alert("The button has been clicked!"); } ``` -```HTML +```html ``` @@ -268,7 +268,7 @@ function showAlert() { **示例提示词** -```Plain +``` "请为一个包含 Home、About 和 Contact 版块的单页网站编写 HTML 和 CSS。 使用配色 #171721、#FF7130、#FF3C68。 背景为黑色,文字为白色。" @@ -282,7 +282,7 @@ function showAlert() { 如果你重新启动了 Agent,或者网站画面没有出现,可以输入类似这样的提示: -```Plain +``` "Please activate the project" ``` diff --git a/docs/zh-cn/stage-2/ai-capabilities/2.1-dify-knowledge-base/chapter3/index.md b/docs/zh-cn/stage-2/ai-capabilities/2.1-dify-knowledge-base/chapter3/index.md index 913ad65..4da7da9 100644 --- a/docs/zh-cn/stage-2/ai-capabilities/2.1-dify-knowledge-base/chapter3/index.md +++ b/docs/zh-cn/stage-2/ai-capabilities/2.1-dify-knowledge-base/chapter3/index.md @@ -575,7 +575,7 @@ Dify 中提供了多种节点,你可以先了解每个节点的基本功能。 此外,你还需要在 ADVANCED SETTING 中写入提示词,让大模型能够正确根据用户输入进行分类测试。示例提示词如下: -```Plain +``` 从 buy_food / complain / chitchat / other 中选择一个最合适的标签。如果用户在抱怨的同时也点了餐,请优先判断其核心情绪,若重点在于表达不满,应归为 complain。如果只是轻微吐槽但主要意图是下单,则归为 buy_food。若实在难以判断,使用 other 作为兜底 ``` @@ -623,7 +623,7 @@ Dify 中提供了多种节点,你可以先了解每个节点的基本功能。 - `original_text` ← `user_text` - `final_reply` ← `variable_aggregator` -```Plain +``` { "intent": "{{ intent }}", "original_text": "{{ original_text }}", @@ -758,7 +758,7 @@ Builder with MCP 模式则为 Agent 提供了更多工具(例如让大模型 注意:请将 `{DIFY_API_URL}` 替换为实际的 Dify API 地址。 -```JSON +```json key: app-zKdCHUXXXXXXXX @@ -998,7 +998,7 @@ Zeabur 的网页默认是通过 HTTPS 访问的,因此我们只需要把原来 注意:请将 `{DIFY_API_URL}` 替换为实际的 Dify API 地址。 -```Python +```python from flask import Flask, request, Response import requests diff --git a/docs/zh-cn/stage-2/backend/2.2-database-supabase/chapter5/index.md b/docs/zh-cn/stage-2/backend/2.2-database-supabase/chapter5/index.md index 920df42..39eda30 100644 --- a/docs/zh-cn/stage-2/backend/2.2-database-supabase/chapter5/index.md +++ b/docs/zh-cn/stage-2/backend/2.2-database-supabase/chapter5/index.md @@ -32,7 +32,7 @@ 一般而言,数据在程序中有不同的表现形式,最简单的就是变量,我们可以用不同变量记录简单的数字: -```Plain +```python # Python variable definition examples # Integer variable: stores age information @@ -66,7 +66,7 @@ user_info = { 但对于结构复杂、具有层级关系或字段不固定的数据,我们可以用 JSON 格式进行描述 —— 它是互联网通用的数据中间格式,几乎所有程序都能读取解析,跨系统传数据很方便。例如,一个订单可能包含多个商品,每个商品又有自己的名称、数量和价格。用传统的表格来表示会很笨拙:要么得拆成 “订单表”“商品表” 多张表,靠关联字段才能体现 “订单包含商品” 的关系;要么在一张表用 “商品 1 名称、商品 1 价格、商品 2 名称……” 这类冗余字段,遇到商品数量不固定时根本没法适配;而 JSON 能直接用嵌套结构把 “订单 - 商品 - 商品属性” 的层级说清,既直观又灵活。 -```JSON +```json { "order_id": 901, "user_id": 1001, @@ -191,7 +191,7 @@ user_info = { 若需查询 “Alice 发表的《初识 SQL》(post_id=1)的完整信息(含文章内容、作者、评论、标签)”,需执行多表连接(JOIN)查询,通过外键关联 5 张表并聚合数据,SQL 语句如下: -```SQL +```sql SELECT p.title, p.content, @@ -224,7 +224,7 @@ NoSQL 数据库(如 MongoDB、Redis)的设计思路与 SQL 相反,它不 `posts` 集合中的一个文档示例: -```JSON +```json { "_id": 1, "title": "初识SQL", @@ -386,7 +386,7 @@ Edge Functions 的函数使用 secrets 中暴露的密钥作为环境变量, 请求 Supabase Edge Function 时,需在请求头携带对应的 Supabase 密钥,下面是一个极简示例: -```JavaScript +```javascript // 核心配置(替换为你的实际信息) const projectId = "你的 Supabase 项目ID"; const functionName = "目标 Edge Function 名称"; @@ -474,7 +474,7 @@ Project Settings 是 Supabase 项目的高级配置部分,你可在此实现 例如,在创建 `学生表`的时候,我们可以这样定义外键:(`所属班级编号` 这一列是一个外键。这个外键引用了 `班级表` 里的 `班级编号` 这一列。) -```SQL +```sql CREATE TABLE 学生表 ( 学生学号 INT PRIMARY KEY, 学生姓名 VARCHAR(50), @@ -522,7 +522,7 @@ https://github.com/THU-SIGS-AIID/Project5-Supabase-Demos/tree/main/apps/sql-exam `CREATE TABLE` 语句用于为新表定义模式(Schema),包括其列(Columns)、对应的数据类型(Data Types)以及任何约束(Constraints),简单理解是创建了一个数据表。 -```SQL +```sql -- Step 1: Create the 'orders' table -- This file is fully independent and creates a sample table for later steps. CREATE TABLE IF NOT EXISTS orders ( @@ -549,7 +549,7 @@ CREATE TABLE IF NOT EXISTS orders ( 表结构创建完毕后,下一步是使用 `INSERT INTO` 语句向表中添加数据行。 -```SQL +```sql -- Step 2: Insert initial rows into the orders table -- Provides realistic, varied data for demo/testing. All values are self-contained. INSERT INTO orders (user_id, status, amount, details, placed_at, is_paid) VALUES @@ -583,7 +583,7 @@ INSERT INTO orders (user_id, status, amount, details, placed_at, is_paid) VALUES `SELECT` 语句用于从表中检索数据。通过使用不同的子句,可以实现对数据的精确筛选、排序和格式化,我们可参考以下语句一步步执行查看结果: -```SQL +```sql -- Step 3: SELECT query examples for the orders table -- Example 1: Select all fields for all orders @@ -631,7 +631,7 @@ SELECT id, details -> 'items' AS item_list FROM orders; 在 2.3.2 中,我们演示的是开头时刻初始化批量插入数据,现在我们查看如何新增插入单条数据。 -```SQL +```sql -- Step 4: INSERT a new order (single row) -- Example: Add a new paid order for user 2012 with one Chicken Burger INSERT INTO orders (user_id, status, amount, details, is_paid) @@ -657,7 +657,7 @@ VALUES ( 在实际工作中,我们需要对数据表进行频繁数据更新,我们能够用 `UPDATE` 语句修改表中已存在的记录。 -```SQL +```sql -- Step 5: UPDATE example -- Example: Mark order with id=1 as paid and update its status UPDATE orders SET status = 'paid', is_paid = true WHERE id = 1; @@ -675,7 +675,7 @@ UPDATE orders SET status = 'paid', is_paid = true WHERE id = 1; `DELETE` 语句可用于从表中移除记录,并结合条件对指定部分的数据进行修改。 -```SQL +```sql -- Step 6: DELETE example -- Example: Delete orders older than 2 days to clean up old data DELETE FROM orders WHERE placed_at < now() - interval '2 days'; @@ -738,7 +738,7 @@ Clone 后,你同样可以让 Trae 或者是 ClaudeCode 帮你启动项目, 首先,我们需要在 Supabase 中创建需要的数据表的相关内容。进入 Project1 项目目录看到名为 `scripts`的文件夹,其中包含 1 个 `init.sql`数据库脚本文件,它能帮我们自动完成所有数据库相关资源的创建(包括表结构、初始数据等),之后我们会经常用到该文件进行数据库中表的初始化。 -```SQL +```sql ...... -- ============================================================================ @@ -791,7 +791,7 @@ comment on column public.menu_items.updated_at is 'Timestamp when the item was l 在项目根目录创建一个 .env 文件,并填入你的 Supabase 凭证: -```Plain +``` NEXT_PUBLIC_SUPABASE_URL=https://your-project.supabase.co NEXT_PUBLIC_SUPABASE_ANON_KEY=your-anon-key ``` @@ -830,7 +830,7 @@ Project1 实现了 “菜单 CRUD + 数据库连接” ,Project2 将引入更 Project2 包含独立的登录页,支持用户通过「邮箱 + 密码」的方式登录。其核心逻辑是调用 Supabase Auth 提供的原生方法,快速实现认证流程,无需手动开发复杂的登录校验逻辑: -```Plain +``` const { error: err } = await supabaseClient.auth.signUp({ email, password, @@ -1067,7 +1067,7 @@ Supabase 的实时功能是其最强大的特性之一,为构建协作文档 一般而言,该功能可以在 Table Editor 中找到 Enable Realtime 点击后启动, 但更方便的是通过 SQL 脚本初始化执行,例如: -```SQL +```sql -- Enable realtime replication ALTER TABLE public.chat_messages REPLICA IDENTITY FULL; DO $$ @@ -1087,7 +1087,7 @@ END $$; 基于上面的特殊数据表,我们能够使用监听代码对表内数据变动进行实时监听。我们需要实现的是当一个用户发送消息时,其他所有在线用户都能立刻在屏幕上看到这条消息。通过订阅 chat_messages 表的 INSERT 事件能够实现这一点。 -```TypeScript +```typescript const sub = supabase .channel('chat_messages_channel') .on('postgres_changes', { @@ -1121,7 +1121,7 @@ Presence 的核心思想是: 让每个客户端声明自己的在线状态, 首先,我们创建了一个频道 `lobby_presence` 来专门处理这些交互,并在配置中指定一个唯一的 key 来标识当前用户。这个 key 通常是用户的 ID。 -```Plain +``` const ch = supabase.channel ('lobby_presence', { config: { @@ -1134,7 +1134,7 @@ const ch = supabase.channel 一旦频道创建成功,我们需要订阅它。在订阅成功的回调( status === 'SUBSCRIBED' )中,我们调用 channel.track() 方法。这个方法会将当前用户的信息(例如用户ID、名称、头像颜色等)广播给频道内的所有其他客户端,宣告自己的“在线”状态。 -```Plain +``` const me = { id: anonymousUser.id, name: anonymousUser.name, @@ -1154,7 +1154,7 @@ ch.subscribe(async (status) => { channel.presenceState() 方法会返回一个对象,包含了当前频道内所有在线用户的状态信息。我们将其处理后更新到应用的 state 中,从而渲染出完整的在线用户列表。 -```Plain +``` ch.on('presence', { event: 'sync' }, () => { const state = ch.presenceState(); @@ -1171,7 +1171,7 @@ ch.on('presence', { event: 'sync' }, () 除了 sync 事件,我们还可以监听 join 和 leave 事件,以便在有新用户进入或离开时做出即时响应,例如显示一个 "User has joined" 的通知。 -```Plain +``` ch.on('presence', { event: 'join' }, ({ key, newPresences }) => { console.log('User joined:', key, @@ -1195,7 +1195,7 @@ Broadcast 的工作模式主要依赖两个核心方法: channel.send() 用于 我们为 mousemove 事件添加了一个监听器。当鼠标移动时,我们构造一个包含用户 ID、坐标和颜色的 payload,然后通过 channel.send() 将其广播出去,并指定事件名称为 'cursor'。 -```TypeScript +```typescript const handleMouseMove = (e) => { const payload = { id: anonymousUser.id, @@ -1219,7 +1219,7 @@ document.addEventListener('mousemove', handleMouseMove); 在同一个频道内,所有客户端都使用 channel.on() 来监听 broadcast 类型的、且 event 为 'cursor' 的消息。一旦收到匹配的消息,回调函数就会被触发。我们从 payload 中解析出发送方的数据,并用它来更新本地的 online 状态,从而在屏幕上实时渲染出其他用户光标的位置。 -```TypeScript +```typescript ch.on('broadcast', { event: 'cursor' }, ({ payload }) => { setOnline((prev) => ({ ...prev, @@ -1254,7 +1254,7 @@ Storage 内的所有文件都可以通过一个公开的 URL 直接访问,但 例如,我们可以创建一条策略,只允许用户上传到以自己 user_id 命名的文件夹下,并且只能上传图片类型的文件: -```Plain +``` CREATE POLICY "Allow authenticated uploads to avatars bucket" ON storage.objects FOR INSERT @@ -1283,7 +1283,7 @@ Supabase 提供了两种截然不同的策略来获取这个 URL,它们在安 这是最直接的方式。如果你的文件存放在一个**Public Bucket** 中,你可以获取一个固定、永久的公开链接。 -```TypeScript +```typescript const { data } = supabase.storage .from('avatars') .getPublicUrl('public/avatar1.png'); @@ -1298,7 +1298,7 @@ const publicUrl = data.publicUrl; 为了解决公开 URL 的安全和成本问题,Supabase 提供了生成临时签名 URL 的方式。这是绝大多数线上应用推荐的最佳实践,比如文生图应用给用户生成限时查看的图片链接、电商平台仅让下单用户获取临时发票下载地址、付费内容平台为订阅用户提供短期有效的课程播放链接,既防文件盗用又能避免流量盗刷,适配性极强。 -```TypeScript +```typescript const { data, error } = await supabase.storage .from('avatars') .createSignedUrl('private/user-invoice.pdf', 3600); // 链接有效期为 3600 秒 (1小时) @@ -1335,7 +1335,7 @@ Edge Function 是 Serverless(无服务器架构)生态中极具核心价值 参考 `project-burger-shop-edge-function-5/scripts/llm-chat.ts`的代码,我们来看看它是如何工作的: -```TypeScript +```typescript // scripts/llm-chat.ts import "jsr:@supabase/functions-js/edge-runtime.d.ts"; import { OpenAI } from "npm:openai"; @@ -1421,7 +1421,7 @@ Clerk 是一款专注于身份认证与用户管理的专业开发工具,核  3. 将它们复制到你的 `.env.local` 文件中(参考本项目 `.env.example`): - ```Bash + ```bash NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_... CLERK_SECRET_KEY=sk_test_... ``` @@ -1452,7 +1452,7 @@ Clerk 是一款专注于身份认证与用户管理的专业开发工具,核 在开始之前,我们需要配置同步信息所需的数据表: -```SQL +```sql -- File: init.sql -- 1. Create `users` table for synced Clerk users diff --git a/docs/zh-cn/stage-2/backend/2.4-git-workflow/extra1/index.md b/docs/zh-cn/stage-2/backend/2.4-git-workflow/extra1/index.md index 88a5213..8035940 100644 --- a/docs/zh-cn/stage-2/backend/2.4-git-workflow/extra1/index.md +++ b/docs/zh-cn/stage-2/backend/2.4-git-workflow/extra1/index.md @@ -61,7 +61,7 @@ Git 是由 Linux 内核开发者 Linus Torvalds 于 2005 年创建的分布式 1. 方法 1:通过 Homebrew 安装 如果你安装了 [Homebrew](https://brew.sh/)(Mac 包管理器),请打开终端并输入 - ```Bash + ```bash brew install git ``` 2. 方法 2:(推荐)通过 Xcode 安装: https://developer.apple.com/xcode/ ,Xcode 内置了 Git。安装后,只需按照说明继续操作。 @@ -72,14 +72,14 @@ Git 是由 Linux 内核开发者 Linus Torvalds 于 2005 年创建的分布式 - Ubuntu/Debian: -```Bash +```bash sudo apt update sudo apt install git ``` - CentOS/RHEL: -```Bash +```bash sudo yum install git ``` @@ -89,7 +89,7 @@ sudo yum install git 安装 Git 后,你首先需要配置你的用户信息——这是使用 Git 进行版本控制的基本步骤。在终端中执行以下命令(将括号中的内容替换为你自己的信息): -```Bash +```bash # 设置全局用户名(将显示在提交记录中) git config --global user.name "Your Name" @@ -201,7 +201,7 @@ SSH 认证依赖于密钥对(公钥 + 私钥),它们是匹配的加密文  2. 手动获取公钥 打开你的本地终端(在 Windows 上使用 Git Bash 或 PowerShell;在 macOS/Linux 上使用终端),输入以下命令(将 your_email@example.com 替换为你注册 GitHub 账号时使用的邮箱): - ```Bash + ```bash ssh-keygen -t ed25519 -C "your_email@example.com" ``` @@ -230,7 +230,7 @@ SSH 认证依赖于密钥对(公钥 + 私钥),它们是匹配的加密文 在终端中输入以下命令(**Trae 也可以做以下操作**)来测试 GitHub 是否能识别你的设备: -```Bash +```bash ssh -T git@github.com ``` diff --git a/docs/zh-cn/stage-2/backend/2.6-modern-cli/extra7/index.md b/docs/zh-cn/stage-2/backend/2.6-modern-cli/extra7/index.md index d038458..b74b0e6 100644 --- a/docs/zh-cn/stage-2/backend/2.6-modern-cli/extra7/index.md +++ b/docs/zh-cn/stage-2/backend/2.6-modern-cli/extra7/index.md @@ -105,7 +105,7 @@ GLM(General Language Model)是智谱 AI 自主研发的一系列大型语言 如果你觉得命令行安装步骤麻烦,或者中途出现错误,可以直接让 Trae 的 Agent 帮你完成安装。 -```Python +```python # 安装 Claude Code npm install -g @anthropic-ai/claude-code @@ -127,7 +127,7 @@ claude 如果你使用的是 **国内版 GLM**,请使用以下变量配置: -```Python +```python # 在 Cmd 中运行以下命令 # 注意将 `your_zhipu_api_key` 替换为你刚刚获取到的 API Key setx ANTHROPIC_AUTH_TOKEN your_zhipu_api_key @@ -136,7 +136,7 @@ setx ANTHROPIC_BASE_URL https://open.bigmodel.cn/api/anthropic 如果你使用的是 **国际版 GLM**,请使用下面的配置: -```Python +```python # 在 Cmd 中运行以下命令 # 同样注意替换掉 `your_zai_api_key` setx ANTHROPIC_AUTH_TOKEN your_zai_api_key @@ -147,7 +147,7 @@ setx ANTHROPIC_BASE_URL https://api.z.ai/api/anthropic ⚠️ 如果你是通过 Trae 帮你配置“永久环境变量”,那么配置完成后 **必须重启 Trae**,否则它内置终端里的环境变量不会更新,可能导致登录失败或网络连接错误。 -```Python +```python Based on my environment variable settings: setx ANTHROPIC_AUTH_TOKEN your_zai_api_key setx ANTHROPIC_BASE_URL https://api.z.ai/api/anthropic @@ -198,7 +198,7 @@ Kimi K2 是月之暗面(Moonshot AI)推出的新一代大语言模型,在 参考文档:https://platform.moonshot.cn/docs/guide/agent-support -```Bash +```bash export ANTHROPIC_BASE_URL=https://api.moonshot.cn/anthropic export ANTHROPIC_AUTH_TOKEN=sk-YOURKEY ``` @@ -219,7 +219,7 @@ Minimax 是稀宇科技(MiniMax)推出的新一代大语言模型,在编 **配置方法:** -```Bash +```bash export ANTHROPIC_BASE_URL=https://api.minimaxi.com/anthropic export ANTHROPIC_AUTH_TOKEN=YOUR_MINIMAX_API_KEY export ANTHROPIC_MODEL=MiniMax-Text-01 @@ -241,7 +241,7 @@ DeepSeek 是深度求索推出的开源大语言模型,以其出色的代码 **配置方法:** -```Bash +```bash export ANTHROPIC_BASE_URL=https://api.deepseek.com/anthropic export ANTHROPIC_AUTH_TOKEN=YOU_DEEPSEEK_API_KEY export API_TIMEOUT_MS=600000 @@ -266,7 +266,7 @@ export CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC=1 **配置方法:** -```Bash +```bash export ANTHROPIC_BASE_URL=https://ark.volces.com/api/anthropic export ANTHROPIC_AUTH_TOKEN=YOUR_VOLCANO_API_KEY export ANTHROPIC_MODEL=doubao-pro-32k @@ -276,7 +276,7 @@ export ANTHROPIC_MODEL=doubao-pro-32k Siliconflow: -```Bash +```bash export ANTHROPIC_BASE_URL="https://api.siliconflow.cn/" export ANTHROPIC_MODEL="moonshotai/Kimi-K2-Instruct-0905" # 可以自行修改所需模型 export ANTHROPIC_API_KEY="YOUR_SILICONCLOUD_API_KEY" # 请替换 API Key @@ -284,7 +284,7 @@ export ANTHROPIC_API_KEY="YOUR_SILICONCLOUD_API_KEY" # 请替换 API Key 阿里云 DashScope(Aliyuncs):https://help.aliyun.com/zh/model-studio/get-api-key -```Python +```python export ANTHROPIC_BASE_URL="https://dashscope.aliyuncs.com/apps/anthropic" export ANTHROPIC_API_KEY="YOUR_DASHSCOPE_API_KEY" ``` @@ -303,7 +303,7 @@ export ANTHROPIC_API_KEY="YOUR_DASHSCOPE_API_KEY" 下面我们简单介绍如何安装 Claude Code Router。大致需要以下步骤(同样可以让 Trae 帮你执行),以准备好相关环境: -```Markdown +```markdown npm install -g @anthropic-ai/claude-code npm install -g @musistudio/claude-code-router ``` @@ -395,7 +395,7 @@ https://docs.claude.com/en/docs/claude-code/slash-commands `CLAUDE.md` 本身没有强制格式要求,只要简洁、便于人类阅读即可。例如: -```Plain +``` # Bash commands - npm run build: Build the project - npm run typecheck: Run the typechecker @@ -440,7 +440,7 @@ Claude Code 会把编程任务拆解成一个持续的“感知—思考—行 你可以通过下面的命令安装 Codex: -```Plain +``` npm i -g @openai/codex ``` @@ -469,7 +469,7 @@ npm i -g @openai/codex 接下来,我们需要把获取到的 Key 填入下面的提示词中,并把整段提示词交给 Trae,让它帮你完成整个配置过程: -````Bash +````bash My API key is: [Paste your obtained sk-xxxxx key here] Please help me complete the following configuration tasks: @@ -533,7 +533,7 @@ AI 确实可以在这个需求基础上直接拆分任务,然后一步步完 这时,AI 可能会给出类似下面这样完整的 PRD: -```Plain +``` Product Requirements Document (PRD): “Today’s Plan” App Document Version: 1.0 Creation Date: October 27, 2023 diff --git a/docs/zh-cn/stage-2/frontend/2.4-hogwarts-portraits/index.md b/docs/zh-cn/stage-2/frontend/2.4-hogwarts-portraits/index.md index c04d656..7afa0f0 100644 --- a/docs/zh-cn/stage-2/frontend/2.4-hogwarts-portraits/index.md +++ b/docs/zh-cn/stage-2/frontend/2.4-hogwarts-portraits/index.md @@ -55,7 +55,7 @@ 以 Elon musk 为例,我们需要收集他的公开发言用于模仿说话方式,注入提示词。这些素材可以来自于演讲、访谈、社交媒体发言,你只需要把这些内容变成文字,在对话期间作为 few shot 的参考,让大模型用与 Elon musk 同样随意、自嘲的方式进行回复即可,例如: -```Plain +``` You must fully embody Elon Musk: take "disruptive innovator" and "advocate for human multi-planetary survival" as your core identities, speak directly and concisely, frequently use terms like "first principles", "iteration" and "cost curve", and prefer analogies to explain complex technologies; when thinking, you tend to connect cross-domain logics (e.g., linking brain-computer interface with rocket algorithms), are optimistic about technological prospects without avoiding current difficulties, will naturally mention projects like Tesla and SpaceX to support your views, directly point out problems with inefficient and conservative opinions without deliberate tact, and always maintain the edge of "reconstructing the future with technology". The way you speak should be as shown in the following examples: @@ -406,7 +406,7 @@ Figma make 的效果相比原生 AI 生成代码效果更佳,即便有问题 你可以把任务的信息都加入知识库的节点,并在 RESPONSE 节点设置大模型对应的回复逻辑,我们可以参考一个简单的默认回复逻辑提示词: -```Plain +```