<!DOCTYPE html> <html lang=”zh-CN” data-theme=”light”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>AI PPT生成器演示 – DeepSeek + Kimi自动生成PPT</title> <meta name=”description” content=”演示如何使用DeepSeek和Kimi AI工具自动生成专业PPT,老板看完当场加薪!”> <!– Tailwind CSS CDN –> <script src=”https://cdn.tailwindcss.com”></script> <!– DaisyUI CDN –> <link href=”https://cdn.bootcdn.net/ajax/libs/daisyui/4.12.10/full.min.css” rel=”stylesheet”> <!– Font Awesome Icons –> <link href=”https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css” rel=”stylesheet”> <!– Google Fonts: Plus Jakarta Sans –> <link href=”https://fonts.proxy.ustclug.org/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap” rel=”stylesheet”> <style> :root { –primary: #3B82F6; –secondary: #60A5FA; –accent: #F97316; –background: #F8FAFC; –text: #1E293B; } body .hero-gradient { background: linear-gradient(135deg, #3B82F6 0%, #60A5FA 100%); } .card-hover { transition: all 0.3s ease; cursor: pointer; } .card-hover:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); } .ppt-slide { background: white; border-radius: 12px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); transition: all 0.3s ease; } .ppt-slide:hover { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); } .step-icon .ai-badge { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: 600; display: inline-block; } .code-block { font-family: ‘Courier New’, monospace; background: #1E293B; color: #E2E8F0; border-radius: 8px; padding: 16px; overflow-x: auto; } .btn-primary { background-color: var(–primary); color: white; border: none; padding: 12px 24px; border-radius: 8px; font-weight: 600; transition: all 0.3s ease; cursor: pointer; } .btn-primary:hover { background-color: #2563EB; transform: translateY(-2px); } .btn-accent { background-color: var(–accent); color: white; border: none; padding: 12px 24px; border-radius: 8px; font-weight: 600; transition: all 0.3s ease; cursor: pointer; } .btn-accent:hover { background-color: #EA580C; transform: translateY(-2px); } </style> </head> <body> <!– 导航栏 –> <nav class=”navbar bg-base-100 shadow-sm sticky top-0 z-50″> <div class=”container mx-auto px-4″> <div class=”flex justify-between items-center py-4″> <div class=”flex items-center space-x-2″> <div class=”w-8 h-8 rounded-lg bg-blue-500 flex items-center justify-center”> <i class=”fas fa-robot text-white”></i> </div> <span class=”text-xl font-bold text-gray-800″>AI PPT生成器</span> </div> <div class=”flex items-center space-x-4″> <a href=https://download.csdn.net/download/arduino9maker/”#demo” class=”text-gray-600 hover:text-blue-500 transition-colors”>演示</a> <a href=https://download.csdn.net/download/arduino9maker/”#steps” class=”text-gray-600 hover:text-blue-500 transition-colors”>步骤</a> <a href=https://download.csdn.net/download/arduino9maker/”#features” class=”text-gray-600 hover:text-blue-500 transition-colors”>功能</a> <button class=”btn btn-primary” onclick=”startDemo()”>开始演示</button> </div> </div> </div> </nav> <!– Hero区 –> <section class=”hero-gradient text-white py-20″> <div class=”container mx-auto px-4″> <div class=”max-w-4xl mx-auto text-center”> <h1 class=”text-4xl md:text-5xl font-bold mb-6″> DeepSeek + Kimi自动生成PPT </h1> <p class=”text-xl mb-8 opacity-90″> 老板看完当场加薪,同事:这还卷什么? </p> <p class=”text-lg mb-10 max-w-2xl mx-auto”> 使用AI工具组合,3分钟生成专业级PPT演示文稿。DeepSeek负责内容创作,Kimi负责设计美化,强强联合打造完美演示。 </p> <div class=”flex flex-col sm:flex-row gap-4 justify-center”> <button class=”btn btn-accent text-lg px-8 py-4″ onclick=”startDemo()”> <i class=”fas fa-play mr-2″></i>立即体验 </button> <a href=https://download.csdn.net/download/arduino9maker/”#steps” class=”btn btn-outline btn-white text-lg px-8 py-4″> <i class=”fas fa-book-open mr-2″></i>查看教程 </a> </div> </div> </div> </section> <!– 博客内容展示 –> <section class=”py-16 bg-white” id=”demo”> <div class=”container mx-auto px-4″> <div class=”max-w-6xl mx-auto”> <h2 class=”text-3xl font-bold text-center mb-12 text-gray-800″>博客内容:AI PPT生成全流程</h2> <div class=”grid md:grid-cols-2 gap-8 mb-12″> <!– DeepSeek部分 –> <div class=”ppt-slide p-8″> <div class=”flex items-center mb-6″> <div class=”w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center mr-4″> <i class=”fas fa-brain text-blue-600 text-xl”></i> </div> <div> <h3 class=”text-xl font-bold text-gray-800″>DeepSeek – AI内容创作</h3> <span class=”ai-badge”>文案生成</span> DeepSeek 教程 </div> </div> <div class=”mb-6″> <h4 class=”font-semibold text-gray-700 mb-2″>提示词示例:</h4> <div class=”code-block”> <pre><code>假如你是一名拥有10年经验的专业PPT设计师, 我希望你能为我设计一份关于智能机器人行业的PPT大纲, 开头可以简要介绍智能机器人行业的现状, 接着结合当前的技术发展和市场动态, 深入探讨智能机器人未来的发展趋势和潜在机遇, 最后将完整的PPT大纲输出给我。</code></pre> </div> </div> <div class=”space-y-4″> <div class=”flex items-start”> <div class=”w-6 h-6 rounded-full bg-blue-500 text-white flex items-cen
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/272944.html原文链接:https://javaforall.net
