一、安装步骤（宝塔版）

1. 安装 Node.js
   登录宝塔面板 → 软件商店
   安装 Node.js 版本管理器
   安装 Node.js ≥18（推荐 20.x）
   设置为默认版本
2. 上传项目
   左侧【文件】→ 进入网站目录
   上传项目压缩包 → 解压
3. 安装依赖
   进入项目根目录（看到 package.json）
   点击顶部【终端】
   输入：npm install
4. 配置 API（看下面第二节）
5. 开发模式启动（测试用）
   终端输入：npm run dev
6. 生产构建 + 启动（正式上线）
   先执行构建：npm run build
   构建成功后再启动：npm run start
   注意：必须一条一条执行，不能一起输

注意：先按照3.4.5.6.步骤后。仍然无法访问。又重新做了一次步骤5后可以正常显示

二、API 配置（宝塔可视化修改）
配置文件位置
config/api.ts
修改方法
宝塔【文件】→ 找到 config/api.ts
点右侧【编辑】
把里面内容改成下面这样：
typescript

export const API_CONFIG = {
DOUBAO_API: {
baseUrl: “https://ark.cn-beijing.volces.com/api/v3/responses”,
apiKey: “你的API密钥”,
model: “doubao-seed-1-6-flash-250828”,
}
} as const
点击【保存】
三、更换其他 API（直接改文件即可）
OpenAI 示例
typescript

export const API_CONFIG = {
DOUBAO_API: {
baseUrl: “https://api.openai.com/v1/chat/completions”,
apiKey: “sk-你自己的key”,
model: “gpt-3.5-turbo”,
}
} as const
Ollama 本地模型示例
typescript

export const API_CONFIG = {
DOUBAO_API: {
baseUrl: “http://localhost:1143/api/chat”,
apiKey: “ollama”,
model: “llama2”,
}
} as const
修改后保存，重启项目即可。
四、让项目后台永久（宝塔必做）
npm run start 一关终端就停，用 PM2 常驻：

1. 安装 PM2

npm install pm2 -g

2. 启动项目

pm2 start npm –name “AI项目” — run start

3. 常用命令

pm2 list # 查看状态
pm2 restart 名字 # 重启
pm2 logs 名字 # 看日志
五、域名访问（反向代理）
宝塔【网站】→ 你的域名 →【设置】
左侧【反向代理】→【添加反向代理】
目标 URL：http://127.0.0.1:3000
提交即可用域名访问
六、常见问题（宝塔版）

1. API 调用失败
   检查 apiKey 是否填错
   检查 API 余额是否充足
   看 PM2 日志排查：pm2 logs AI项目
2. 端口被占用（EADDRINUSE :::3000）
   执行：

kill -9 $(lsof -t -i:3000)
再重启 PM2 即可。

3. 安全保存密钥（可选）
   项目根目录新建文件 .env.local
   写入：
   plaintext
   NEXT_PUBLIC_API_BASE_URL=https://xxx
   NEXT_PUBLIC_API_KEY=sk-xxx
   NEXT_PUBLIC_API_MODEL=gpt-3.5-turbo
   修改 config/api.ts：
   typescript

baseUrl: process.env.NEXT_PUBLIC_API_BASE_URL || “”,
apiKey: process.env.NEXT_PUBLIC_API_KEY || “”,
model: process.env.NEXT_PUBLIC_API_MODEL || “”,

以下是原版教程

目录

• 安装步骤
• API 配置
• 更换其他 API
• 常见问题

---

安装步骤

1. 确保已安装 Node.js

需要 Node.js 18.0 或更高版本。

# 检查 Node.js 版本
node -v

2. 安装项目依赖

# 在项目根目录执行
npm install
# 或
pnpm install
# 或
yarn install

3. 配置 API（见下方说明）

4. 启动开发服务器

npm run dev

应用将在 http://localhost:3000 启动。

5. 构建生产版本

npm run build
npm run start

---

API 配置

当前 API 设置位置

文件路径: config/api.ts

export const API_CONFIG = {
  DOUBAO_API: {
    baseUrl: "",      // API 基础 URL
    apiKey: "",       // API 密钥
    model: "",        // 模型名称
  }
} as const

配置豆包 AI API

1. 获取豆包 API 密钥：

• 访问 火山引擎
• 创建应用并获取 API Key

1. 编辑 config/api.ts 文件：

export const API_CONFIG = {
  DOUBAO_API: {
    baseUrl: "https://ark.cn-beijing.volces.com/api/v3/responses",
    apiKey: "你的API密钥",
    model: "doubao-seed-1-6-flash-250828",  // 或其他可用模型
  }
} as const

---

更换其他 API

方式一：直接修改配置文件

编辑 config/api.ts，替换为你使用的 API：

export const API_CONFIG = {
  DOUBAO_API: {
    baseUrl: "https://your-api-endpoint.com/v1/chat/completions",
    apiKey: "your-api-key",
    model: "your-model-name",
  }
} as const

方式二：修改服务层适配

如果更换的 API 格式不同，需要修改 services/doubao-service.ts 文件：

文件路径: services/doubao-service.ts

// 示例：适配 OpenAI 格式 API
export async function generateBabyNames(formData: NameFormData): Promise<GeneratedName[]> {
  const response = await fetch(`${API_CONFIG.DOUBAO_API.baseUrl}`, {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
      "Authorization": `Bearer ${API_CONFIG.DOUBAO_API.apiKey}`,
    },
    body: JSON.stringify({
      model: API_CONFIG.DOUBAO_API.model,
      messages: [
        {
          role: "user",
          content: `请根据以下信息生成5个宝宝名字...`
        }
      ]
    }),
  });

  // 处理响应...
}

常见 API 配置示例

OpenAI API

{
  baseUrl: "https://api.openai.com/v1/chat/completions",
  apiKey: "sk-xxx...",
  model: "gpt-3.5-turbo",
}

Azure OpenAI

{
  baseUrl: "https://your-resource.openai.azure.com/openai/deployments/your-deployment/chat/completions?api-version=2023-05-15",
  apiKey: "your-api-key",
  model: "gpt-35-turbo",
}

Anthropic Claude

{
  baseUrl: "https://api.anthropic.com/v1/messages",
  apiKey: "sk-ant-xxx...",
  model: "claude-3-sonnet-20240229",
}

本地 Ollama

{
  baseUrl: "http://localhost:11434/api/chat",
  apiKey: "ollama",  // Ollama 不需要真实 key
  model: "llama2",
}

---

常见问题

Q: API 调用失败怎么办？

1. 检查 API 密钥是否正确
2. 确认 API 余额是否充足
3. 查看浏览器控制台和终端的错误信息
4. 检查网络连接和 CORS 设置

Q: 如何使用环境变量保护 API 密钥？

创建 .env.local 文件：

NEXT_PUBLIC_API_BASE_URL=https://your-api.com
NEXT_PUBLIC_API_KEY=your-api-key
NEXT_PUBLIC_API_MODEL=your-model

然后修改 config/api.ts：

export const API_CONFIG = {
  DOUBAO_API: {
    baseUrl: process.env.NEXT_PUBLIC_API_BASE_URL || "",
    apiKey: process.env.NEXT_PUBLIC_API_KEY || "",
    model: process.env.NEXT_PUBLIC_API_MODEL || "",
  }
} as const

Q: 支持哪些 AI 模型？

任何提供 HTTP API 的 AI 服务都可以接入，包括但不限于：

• OpenAI (GPT-3.5/4)
• 豆包 AI
• 通义千问
• 文心一言
• Claude
• 本地部署的模型 (Ollama, LocalAI)

---

需要帮助？

如遇到问题，请检查：

1. Node.js 和 npm 版本是否符合要求
2. 所有依赖是否正确安装
3. API 配置是否完整正确
4. 浏览器控制台是否有错误信息

---

全新UI 阅后即焚V2正式版系统源码 全开源

「阅后即焚」——创建一次性加密内容，阅读倒计时结束后
自动永久销毁，不留任何痕迹。

适用于：信息传输、密码分享、私密文件传递、
商业机密交接、一次性通知等场景。

系统采用前后端分离架构设计，内容AES-256加密存储，
从根源杜绝绕过验证直接读取数据的可能。

核心功能一览
【用户端功能】

多用户注册登录系统
邮箱验证码注册（SMTP可配置）
忘记密码邮箱找回
创建阅后即焚内容
自定义总阅读次数（1-100次可设）
自定义每次阅读倒计时（10-3600秒可设）
可选提取码加密（链接+扫码均需验证）
自动生成分享链接
自动生成二维码（手机扫码即访问）
倒计时实时显示（最后10秒变红警示）
倒计时结束 → 内容自动销毁不可恢复
阅读次数耗尽 → 内容自动销毁
过期天数自动清理（后台可设天数）
一键复制内容/链接
用户控制台管理所有内容
个人中心修改邮箱/密码

【卡密充值系统】
注册赠送免费额度（后台可设数量）
后台批量生成卡密（自定义数量+额度+备注）
用户前台输入卡密即时充值
卡密使用记录完整追踪
前台展示客服联系方式（引导用户购买卡密）

【管理后台功能】
仪表盘数据总览（用户数/内容数/阅读量/卡密统计）
站点设置（分5个子分类，所有参数可视化配置）
→ 基本信息：网站名称、地址、描述、关键词、客服、备案号、Logo
→ 邮件设置：SMTP完整配置 + 一键测试发送
→ 内容设置：默认次数、倒计时、字数上限、保留天数等
→ 用户设置：赠送额度、注册开关、邮箱验证开关、登录验证码
→ 安全设置：管理密码、日志加密密钥
用户管理（搜索/禁用/启用/调整额度/设置管理员）
卡密管理（批量生成/查看使用记录/筛选状态）
内容管理（查看/强制销毁/彻底删除/搜索筛选）
系统日志（操作记录/登录记录/筛选搜索/分页）
隐藏数据报告（二次密码验证，可查看解密后的完整内容+提取码）

【安全特性】
AES-256-CBC 内容加密存储（数据库泄露也无法直接读取）
提取码 password_hash 哈希存储（单向不可逆）
CSRF Token 全表单防护
PDO 预处理语句防SQL注入
includes目录禁止外部访问
隐藏日志加密存储 + 二次密码验证
活动日志记录每个用户的每次操作
分离式架构设计，无法绕过前端验证直接获取内容
链接Token 32位随机生成，永不重复

【技术规格】

│ 开发语言 │ PHP 7.4 │
│ 数据库 │ MySQL 5.7 │
│ 服务器 │ Nginx（宝塔面板兼容） │
│ 前端框架 │ 自适应CSS + 原生JS │
│ UI风格 │ 暗色科技风主题 │
│ 响应式 │ 完美适配手机/平板/PC │
│ 加密算法 │ AES-256-CBC │
│ 密码哈希 │ password_hash (bcrypt) │
│ 数据库驱动 │ PDO │
│ 二维码生成 │ qrcode.js (前端生成) │
│ 图标库 │ Font Awesome 6.4 │
│ 字体 │ Google Inter 字体 │

海外汽车电气投资理财源码/三级分销/可自定义产品

最新装修小程序系统源码 uniapp 全开源

开源的装修小程序，用于装修团队推广引流，自定义用户端小程序DIY，包含商城管理、案例管理、团队管理、工地管理、小区管理、广告管理、营销管理、全景管理、文章管理、单页管理、预约管理等，后端php，前端uniapp，微信授权登录！

API管理系统源码 API计费系统 最新小齐二开版

测试环境：Nginx+PHP7.4+MySQL5.7

安装教程：访问域名进行安装

二开日志：

1. 首页新增文字广告位
2. 优化后台友链列表加载速度
3. 新增API技术支持提示(无apikey就会提示)
4. 首页新增API统计
5. 增加QPS限制(普通会员apikey和无apikey限制可修改)
6. 超级会员点数不限
7. 余额/点数不足预警
8. 友链申请审核发送管理员邮箱(通过发送用户)
9. 意见反馈回复发送用户邮箱
10. 普通会员有点数接口可设置每日限制点数

PHP 8.0+

nginx部署添加

伪静态（这个要记得，否则使用不了）

location / {
try_files $uri $uri/ /index.php$uri?$query_string;
}

第一次使用，需后台使用更新下，以后会自动更新