ALLWEONE AI Presentation Generator 开源项目教程

ALLWEONE AI Presentation Generator 开源项目教程

presentation-ai Open source AI presentation generator. Create professional slides with customizable themes and AI-generated content in minutes. 项目地址: https://gitcode.com/gh_mirrors/pr/presentation-ai

1. 项目介绍

ALLWEONE AI Presentation Generator 是一个基于人工智能的开源演示文稿生成器。该项目可以快速创建包含定制化幻灯片的演示文稿，并支持AI生成内容。用户可以选择不同的主题、风格和图片生成模型，轻松制作专业的演示文稿。

2. 项目快速启动

以下是快速启动 ALLWEONE AI Presentation Generator 的步骤：

首先，确保您已经安装了 Node.js 18.x 或更高版本，以及 npm 或 yarn 包管理器。

# 克隆项目仓库
git clone git@github.com:allweonedev/presentation-ai.git
cd presentation-ai

# 安装依赖
pnpm install

# 创建.env文件并设置环境变量
# 在项目根目录下创建一个.env文件，并填入以下内容：
OPENAI_API_KEY="your_openai_api_key"
TOGETHER_AI_API_KEY="your_together_ai_api_key"
NEXTAUTH_SECRET="your_nextauth_secret"
NEXTAUTH_URL="http://localhost:3000"
GOOGLE_CLIENT_ID="your_google_client_id"
GOOGLE_CLIENT_SECRET="your_google_client_secret"
DATABASE_URL="postgresql://username:password@localhost:5432/presentation_ai"

# 设置数据库
pnpm db:push

# 启动开发服务器
pnpm dev

启动成功后，在浏览器中访问 http://localhost:3000，即可看到应用界面。

3. 应用案例和最佳实践

创建演示文稿

• 导航到仪表板。
• 输入演示文稿的主题。
• 选择幻灯片的数量（建议：5-10页）。
• 选择您偏好的语言。
• 选择页面样式。
• 点击“生成大纲”。
• 查看并编辑AI生成的大纲。
• 为演示文稿选择一个主题。
• 选择一个图片生成模型。
• 选择您的演示文稿风格（专业/休闲）。
• 点击“生成演示文稿”。
• 等待AI实时创建您的幻灯片。
• 预览、编辑并根据需要优化您的演示文稿。
• 直接从应用中演示或导出您的演示文稿。

自定义主题

• 点击“创建新主题”。
• 从头开始或从现有主题派生。
• 自定义颜色、字体和布局。
• 保存您的主题以供将来使用。

4. 典型生态项目

该项目使用了以下技术栈构建：

• Next.js：React框架，用于服务器渲染应用。
• React：用于构建用户界面的UI库。
• Prisma：与PostgreSQL兼容的数据库ORM。
• Tailwind CSS：实用主义优先的CSS框架。
• TypeScript：为JavaScript添加类型。
• OpenAI API：用于AI内容生成。
• Radix UI：无头UI组件。
• Plate Editor：处理文本、图像和幻灯片组件的富文本编辑系统。
• NextAuth.js：用于用户认证。
• UploadThing：文件上传。
• DND Kit：拖放功能。

遵循以上步骤，您可以开始使用 ALLWEONE AI Presentation Generator，并根据自己的需求进行定制化开发。

presentation-ai Open source AI presentation generator. Create professional slides with customizable themes and AI-generated content in minutes. 项目地址: https://gitcode.com/gh_mirrors/pr/presentation-ai