演示

Grok 图像生成聊天

这是一个使用Grok AI的图像生成功能的简单聊天界面，通过Cloudflare Workers部署。

功能特性

• 简洁现代的聊天界面
• 实时图像生成
• 显示Grok优化后的提示词
• 响应式设计，适应各种设备
• 单文件部署，前后端一体化
• 自适应聊天窗体大小，根据内容自动调整

设置步骤

1. 部署Cloudflare Worker登录Cloudflare Dashboard，创建一个新的Worker，并将worker.js文件的内容复制到Worker编辑器中。重要：请在部署前修改以下配置：

• API密钥：将API密钥替换为您自己的密钥

  const apiKey = "xai-123456"; // 替换为您的真实API密钥
  

• 验证密钥：更改请求验证的密钥

  const expectedSignature = encrypt(`${timestamp}:${JSON.stringify(body)}`, "your-secret-key"); // 替换为您的安全密钥
  

2. 发布与访问点击”保存并部署”按钮，将Worker发布到Cloudflare。部署完成后，您可以通过分配的域名（例如：https://your-worker-name.your-account.workers.dev）访问应用。

使用方法

1. 在浏览器中访问您的Worker URL
2. 在聊天输入框中输入您想要生成图像的提示词
3. 点击”发送”按钮或按Enter键
4. 系统会显示生成的图像和Grok优化后的提示词

代码

https://github.com/PastKing/grok-chat-image

在线体验

https://grok-image.52it.de/