docs: fix error markdown lang

This commit is contained in:
GeoDaoyu
2026-02-15 09:24:02 +08:00
parent 20aec454e4
commit e822721dec
11 changed files with 109 additions and 109 deletions
@@ -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,请修复它。"
"我不要部分代码,给我完整的修改后的代码。"
"你的代码还是有问题。"
@@ -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
<h1>Hello!</h1>
<p>This is my first website.</p>
<a href="contact.html">Contact</a>
@@ -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
<button onclick="showAlert()">Click me</button>
```
@@ -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"
```
@@ -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
@@ -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 是一款专注于身份认证与用户管理的专业开发工具,核
![](images/image64.png)
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
@@ -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 认证依赖于密钥对(公钥 + 私钥),它们是匹配的加密文
![](images/image19.png) 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
```
@@ -105,7 +105,7 @@ GLMGeneral 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
阿里云 DashScopeAliyuncs):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): “Todays Plan” App
Document Version: 1.0
Creation Date: October 27, 2023
@@ -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
```
<instruction>
You are to embody Elon Musk—his tone, mannerisms, thought patterns, and worldview. Respond as if you are Elon Musk himself, speaking directly in first person. Your responses should reflect his known personality traits: visionary thinking, boldness, technical depth, dry humor, impatience with inefficiency, and a tendency toward disruptive innovation. Use concise, confident language. Avoid overly formal or academic phrasing. Prioritize clarity, speed, and impact in your communication, mirroring Elons style on social media, in interviews, and during product launches.
@@ -432,7 +432,7 @@ Output: Cameras are the future. Human eyes dont use radar—we see with visio
以及情绪系统对应的提示词:
```Plain
```
<instruction>
The output value must be a single number!
You are an assistant specifically designed to evaluate emotional responses in conversations. Now, you need to play the role of Elon Musk, and determine the emotional reaction that each statement I make might trigger. Your task is to assign an emotional score to each statement according to the following criteria:
@@ -445,7 +445,7 @@ You are an assistant specifically designed to evaluate emotional responses in co
其中最后输出结果的拼接,在右上角的 RESULT 节点中支持运行:
```Python
```python
def main(elon_chat: str, elon_x: str, elon_score: int) -> dict:
return {
"result":{
@@ -199,7 +199,7 @@ RAGRetrieval-Augmented Generation,检索增强生成)的核心思路是
在根据检索结果对话的大模型回复阶段,系统会构建如下所示的完整对话输入,将召回的结果放入参考信息中,和系统提示一起发送给LLM:
```Plain
```
【系统指令 (System Prompt)】
你是一个专业的问答助手。请严格根据用户提供的“参考信息”来回答问题。
如果参考信息中包含问题答案,请直接基于该信息进行回答。
@@ -231,7 +231,7 @@ LLM接收到上述结构化输入后,会遵循系统指令,将“参考信
在根据检索结果对话的大模型回复阶段,系统会构建如下所示的完整对话输入,将召回的结果放入参考信息中,和系统提示一起发送给LLM:
```Plain
```
【系统指令 (System Prompt)】
你是一个专业的问答助手。请严格根据用户提供的“参考信息”来回答问题。
如果参考信息中包含问题答案,请直接基于该信息进行回答。
@@ -265,7 +265,7 @@ Top-K 仍会返回相似度排名前 K 个结果,但在该场景下,这些
在根据检索结果对话的大模型回复阶段,系统会构建如下完整输入:
```Plain
```
【系统指令 (System Prompt)】
你是一个专业的问答助手。请严格根据用户提供的“参考信息”来回答问题。
如果参考信息中包含问题答案,请直接基于该信息进行回答。
@@ -129,7 +129,7 @@ Trae 是我们进行 **Vibe Coding** 的主战场。你可以把它简单理解
在左侧项目文件目录中,依次展开 `gradle` -> `wrapper`,双击打开 `gradle-wrapper.properties` 文件。 将下载源更改为腾讯镜像源,如下:
```Plain
```
distributionUrl=https\://mirrors.cloud.tencent.com/gradle/gradle-8.7-bin.zip
```
@@ -173,7 +173,7 @@ distributionUrl=https\://mirrors.cloud.tencent.com/gradle/gradle-8.7-bin.zip
项目创建成功后,左侧会出现 **Project** 面板。切换为 **Android** 视图(默认),你会看到如下关键目录:
```Plain
```
app/
├── manifests/
│ └── AndroidManifest.xml ← 应用“身份证”, 声明应用名、入口 ActivityMainActivity
@@ -212,7 +212,7 @@ app/
在 Trae 中打开我们刚才创建的项目目录,在右侧的聊天框(Chat)中,输入下面这段 Prompt(提示词):
```Plain
```
你是一个资深的 Android 开发专家。 请帮我把当前的 MainActivity.kt 重写,把它变成一个“电子木鱼”应用。 需求如下:
1. 屏幕背景是黑色。
2. 屏幕正中间显示一个木鱼的图案,大小适中,颜色为白色。
@@ -298,7 +298,7 @@ app/
素材就位后,回到 Trae。Trae 会再次修改代码,帮你处理复杂音频加载和动画逻辑,只需要告诉它我们要用哪些素材,将以下 Prompt 输入对话框:
```Plain
```
我已经把素材放进去了:图片路径是 res/drawable/white_muyu.png,声音特效路径是res/raw/voice.mp3,请帮我更新代码:
1. 把中间的木鱼图标换成我的木鱼图片。
2. 每次点击木鱼时,播放敲击音效。
@@ -336,7 +336,7 @@ AI 生成的代码不一定一次就完美,就像顶尖的程序员也无法
请将以下这段“高阶指令”发送给 Trae:
```Plain
```
请修改当前的动画逻辑,解决“快速点击不触发”的问题。
当前问题: 现在似乎只有一个动画状态,导致我必须等上一个“+1”完全消失后,点击才有反应。
修改要求:
@@ -357,7 +357,7 @@ AI 生成的代码不一定一次就完美,就像顶尖的程序员也无法
请将下面这段精心设计好的 Prompt 发送给 Trae,它会一次性帮你搞定弹窗逻辑、数据切换和硬件调用:
```Plain
```
角色设定:你是一个 Android Jetpack Compose 开发专家。
任务:请在现有代码基础上,为电子木鱼 App 增加“自定义文案”和“震动反馈”功能。
具体需求如下:
@@ -264,7 +264,7 @@ Trae 是本教程中进行主要开发工作的环境。你会把整个 iOS 项
📋 **复制** **指令** **Prompt**
```Plain
```
我们现在要开发一个名为「冰箱大厨(FridgeChef)」的 iOS App。
1. 核心理念
@@ -297,7 +297,7 @@ Trae 是本教程中进行主要开发工作的环境。你会把整个 iOS 项
📋 **复制** **指令** **Prompt**
```Plain
```
需求已经确认。
请使用 HTML + Tailwind CSS,为我生成一个高保真的界面原型。
@@ -335,7 +335,7 @@ Trae 是本教程中进行主要开发工作的环境。你会把整个 iOS 项
📋 **复制指令(Prompt**
```Plain
```
【已上传 index.html】
请阅读这个 HTML 文件的布局和样式。
@@ -372,7 +372,7 @@ SiliconFlow 提供了兼容 OpenAI API 规范的接口,可以非常方便地
📋 **复制指令(Prompt**
```Plain
```
现在我们要接入 AI 能力。
请创建 APIService.swift。
@@ -417,7 +417,7 @@ SiliconFlow 提供了兼容 OpenAI API 规范的接口,可以非常方便地
📋 **复制指令(Prompt**
```Plain
```
我已经完成了 Core Data 的 Entity 配置。
EntityRecipeEntity
@@ -437,7 +437,7 @@ EntityRecipeEntity
📋 **复制到 Lovart 的 Prompt**
```Plain
```
Subject: A cute anthropomorphic fridge character with a happy face
Style: Minimalistic App Icon, Neo-pop style, thick black outlines, vector art
Colors: Acid green (#CCFF00) and deep blue
@@ -463,7 +463,7 @@ Negative Prompt: Text, realistic details, 3D render, complex background
📋 参考 Prompt
```Plain
```
目前 App 的功能已经完成,但我想尝试一种更有视觉冲击力的 UI 风格。
请先使用 HTML + Tailwind CSS 为我生成一个新的设计稿,文件名为 design_v2.html。
设计风格:Neo-Pop(新波普 / 多巴胺风格)
@@ -487,7 +487,7 @@ Negative Prompt: Text, realistic details, 3D render, complex background
📋 参考 Prompt
```Plain
```
【已上传 design_v2.html】
请分析这个 HTML 的视觉风格,并将它移植到当前 iOS 项目中。
任务要求:
@@ -106,7 +106,7 @@ Elon Musk 虽然不是大学教授,但他也有不少公开的“技术白皮
打开 Trae,在右下角的 Chat(对话框)中输入以下指令:
```Markdown
```markdown
请帮我检查当前电脑是否已经安装了 Git。请在终端执行 git --version 命令。
```
@@ -121,13 +121,13 @@ Elon Musk 虽然不是大学教授,但他也有不少公开的“技术白皮
**指令** **Windows 用户)**
```Markdown
```markdown
我没有安装 Git。请帮我写出使用 winget 命令行工具自动安装 Git 的指令,并告诉我如何在终端运行它。
```
**指令 ( Mac 用户) :**
```Markdown
```markdown
我没有安装 Git。请告诉我如何通过终端命令行快速安装 Git(例如使用 git 或者是 brew)。
```
@@ -171,7 +171,7 @@ Trae 会给你一段代码(通常是 `winget install --id Git.Git`)。
是时候让 AI 帮我们检查作业了!打开 Trae,在右侧的 Chat(对话框)中,直接输入下面这段自然语言指令:
```Markdown
```markdown
请帮我检查当前电脑是否已正确安装了 Ruby 环境。 请在底部的终端里执行 ruby -v 命令,并告诉我结果。
```
@@ -187,7 +187,7 @@ Mac 系统的配置相对更具有“极客范”,通常需要敲黑客一样
打开 Trae,在右侧的 Chat(对话框)中,直接复制并发送下面这段自然语言指令。我们将“检查环境”、“安装管家(Homebrew)”和“安装 Ruby”的三个步骤一次性交办给它:
```Markdown
```markdown
我使用的是 Mac 电脑,现在需要配置 Ruby 开发环境。请帮我完成以下步骤:
1. 检查我的电脑是否已安装 Homebrew。如果没有,请帮我在终端执行 Homebrew 的官方安装脚本。
2. 确认 Homebrew 就绪后,请在终端执行 brew install ruby 来安装 Ruby。
@@ -207,7 +207,7 @@ Mac 系统的配置相对更具有“极客范”,通常需要敲黑客一样
同样地,安装完成后,我们可以回到 Trae。在右侧的 Chat(对话框)中输入命令:
```Markdown
```markdown
我刚才在 Mac 上通过 brew 安装了 Ruby。请帮我在终端执行 ruby -v 命令,检查是否正确安装并配置好了环境变量。
```
@@ -301,7 +301,7 @@ Mac 系统的配置相对更具有“极客范”,通常需要敲黑客一样
Trae 打开后,呼出右侧的 AI 对话框(Chat),输入以下自然语言指令:
```Plain
```
请帮我把远程 GitHub 仓库克隆到当前文件夹。
仓库地址:粘贴你刚才复制的 URL,例如 https://github.com/musk-fan/musk-fan.github.io.git
执行要求:请直接在终端执行 git clone 命令。
@@ -325,7 +325,7 @@ Jekyll 网站需要依赖很多插件(Gems)才能运行。这步操作就像
在 Trae 的 Chat 框中输入以下指令:
```Markdown
```markdown
我需要安装 Jekyll 依赖。考虑到网络环境,请先帮我将 Gemfile 文件中的 source 修改为国内镜像 https://gems.ruby-china.com/。 修改完成后,请在终端执行 bundle install 命令来安装所有依赖。
```
@@ -333,7 +333,7 @@ Jekyll 网站需要依赖很多插件(Gems)才能运行。这步操作就像
现在,我们要启动一个“本地小服务器”,模拟网站运行的状态。继续给 Trae 下达指令:
```Markdown
```markdown
依赖安装完成了。请帮我在终端启动 Jekyll 本地预览服务。 请执行 bundle exec jekyll serve 命令。
```
@@ -358,7 +358,7 @@ Jekyll 网站需要依赖很多插件(Gems)才能运行。这步操作就像
这个是“总前置 Prompt”,只需要发一次即可。 它的作用是给 AI 立规矩,防止它“自由发挥”导致网站结构崩塌。请直接复制发送给 Trae:
```Plain
```
你现在是一个“GitHub Pages + Jekyll 学术主页模板”的站点维护者。
当前仓库是一个 Jekyll 驱动的学术主页(含 _config.yml、_data、_layouts 等)。
你的修改必须满足以下原则:
@@ -386,7 +386,7 @@ Jekyll 网站需要依赖很多插件(Gems)才能运行。这步操作就像
在 Trae 右侧的 Chat 聊天框中,输入下面这段 Prompt。注意,我们不需要自己去一行行找代码,直接把需求告诉 AI:
```Plain
```
一、目标:将当前学术主页的“人物身份”替换为 Elon Musk(埃隆·马斯克),仅修改基础信息。
二、具体要求:
1.姓名:Elon Musk
@@ -442,7 +442,7 @@ Jekyll 网站需要依赖很多插件(Gems)才能运行。这步操作就像
把下面这段 Prompt 发送给 Trae,让它帮我们重构数据结构:
```Plain
```
一、角色设定:你是一个精通 Jekyll 和 Liquid 语法的静态网站开发专家。
二、任务目标:
修改网站首页或导航栏的板块标题。
@@ -512,7 +512,7 @@ Jekyll 网站需要依赖很多插件(Gems)才能运行。这步操作就像
**第二步,复制以下 Prompt 发送给 Trae**
```Plain
```
一、角色设定:你是一个追求细节的 Jekyll 网站开发专家。
二、任务目标:完成网站侧边栏(Sidebar)和个人信息配置的最终修改。我们需要将作者头像、简介和社交链接全部更新为 Elon Musk 的真实信息。
请先扫描项目结构,找到控制作者信息的配置文件。
@@ -547,7 +547,7 @@ Jekyll 网站需要依赖很多插件(Gems)才能运行。这步操作就像
如果你喜欢上述图片中的“SpaceX Dashboard”风格,可以直接复制下面这段“设计师级”Prompt:
```Plain
```
一、角色设定:你是一个崇尚“瑞士国际主义风格”的顶级 UI 设计师,擅长 Notion、Linear 或 Apple 风格的界面设计。
二、任务目标:请完全重写 CSS/SCSS,打造一种 “SpaceX Dashboard” 风格的极简学术主页。核心关键词是:通透、克制、精密。
三、请执行以下具体的样式覆盖(Override):
@@ -596,7 +596,7 @@ Trae 擅长写代码,但如果你直接把一份乱糟糟的 PDF 简历扔给
你可以给 ChatGPT 发送这样的指令:
```Plain
```
角色设定:你是一个专业的学术网页内容策划师。
任务目标: 我将把我的个人简历(Resume/CV)发送给你。请帮我提取关键信息,并将其整理为结构清晰、适合直接填入静态网站的 Markdown 格式。
请严格按照以下 5 个模块进行整理和润色(如果没有相关内容,请留空):
@@ -636,7 +636,7 @@ Abstract: 一句话摘要。
如果你想知道每个字到底改在了哪里,可以问 Trae:
```Markdown
```markdown
“我想修改‘教育背景’这一块,请告诉我它对应的文件路径在哪里?代码在哪几行?”
```
@@ -650,7 +650,7 @@ Trae 会在**对话框里**告诉你: “你需要修改的文件是 `_pages/a
如果你觉得找文件太麻烦,直接把整理好的信息甩给 Trae:
```Markdown
```markdown
“这是我整理好的‘教育背景’和‘项目经历’(粘贴 Markdown 内容)。请帮我直接替换掉现有网站里的对应内容,保留原本的排版格式。”
```
@@ -749,7 +749,7 @@ Trae 会在**对话框里**告诉你: “你需要修改的文件是 `_pages/a
在 Trae 的对话框中,输入这段 Prompt(提示词)。请注意,我们要求 AI 把所有代码写在一个文件里,方便新手管理:
```Plain
```
我想从零做一个Elon Musk的极简风格个人主页,不使用任何复杂框架,只用 HTML+CSS+JS。
设计风格: SpaceX 仪表盘风格。
背景:使用深邃的太空黑(#000000),点缀星光动画。
@@ -771,7 +771,7 @@ Trae 会在**对话框里**告诉你: “你需要修改的文件是 `_pages/a
在 Chat 里告诉 Trae
```Markdown
```markdown
请帮我启动一个本地服务来预览这个网页。
```
@@ -789,7 +789,7 @@ Trae 会在**对话框里**告诉你: “你需要修改的文件是 `_pages/a
复制以下整段 prompt 发送给 Trae
```Plain
```
核心原则:
必须严格保持当前“SpaceX/火星”的设计风格(纯黑背景、星空点缀、红色霓虹强调色、等宽代码字体),绝对不要使用参考图中的白色背景。
具体修改步骤:
@@ -853,7 +853,7 @@ Trae 会在**对话框里**告诉你: “你需要修改的文件是 `_pages/a
回到 Trae,在 Chat 框中输入:
```Markdown
```markdown
我已经在 GitHub 上创建了一个空仓库,地址是:https://github.com/你的用户名/mars-link.git (请替换为你刚才创建的仓库地址)。
现在,请帮我把当前的本地项目初始化为 Git 仓库,并将代码推送到这个远程地址的 main 分支。
```