ChatBox安装--ChatGPT的桌面客户端

ChatBox 是什么

是开源的 ChatGPT API (OpenAI API) 桌面客户端,Prompt 的调试与管理工具,支持 Windows、Mac 和 Linux。

1. GitHub安装

===> github地址
在这里插入图片描述

在这里插入图片描述

下载链接
支持的平台:

Windows : 请下载.msi安装包
Mac:请下载.dmg(推荐)或.tar文件,已经支持x64、arm64(请先下载x64版本,兼容)
Linux:请下载.AppImage(推荐)或.deb文件

在这里插入图片描述

2. GitCode安装(新)

===> GitCode地址(已更新)https://gitcode.com/Bin-Huang/chatbox/overview
https://chatboxai.app/zh
在这里插入图片描述
支持的平台:

  • Windows : 请下载.exe安装包
  • Mac:
    • Inter: 请下载.dmg(推荐)文件
    • M1/M2芯片:请下载.dmg(推荐)文件
  • Linux:请下载.AppImage(推荐)在这里插入图片描述

3. 配置&使用

安装后填入你的API Keys
在这里插入图片描述即可使用
在这里插入图片描述

抱歉,作为AI语言模型,我无法提供实时的HTML canvas编程支持。但我可以提供一些基本的HTML canvas知识和资源供您自学。 HTML canvas是HTML5提供的一个新特性,它允许开发者在页面上绘制2D图形。要使用HTML canvas,您需要在HTML文档中创建一个canvas元素,并使用JavaScript来绘制图形。下面是一个简单的HTML canvas示例: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML Canvas Demo</title> </head> <body> <canvas id="myCanvas" width="500" height="500"></canvas> <script> var canvas = document.getElementById('myCanvas'); var ctx = canvas.getContext('2d'); ctx.fillStyle = 'red'; ctx.fillRect(100, 100, 200, 200); </script> </body> </html> ``` 在这个示例中,我们创建了一个500x500像素的canvas元素,并在其中绘制了一个红色的矩形。 要制作聊天界面,您需要使用HTML和CSS创建界面元素,并使用JavaScript绘制聊天内容。下面是一个简单的示例: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Chat Demo</title> <style> #chat-box { width: 500px; height: 500px; border: 1px solid black; overflow: scroll; } #input-box { width: 500px; height: 50px; border: 1px solid black; } </style> </head> <body> <div id="chat-box"></div> <input id="input-box" type="text"> <script> var chatBox = document.getElementById('chat-box'); var inputBox = document.getElementById('input-box'); function addMessage(msg) { var p = document.createElement('p'); p.innerText = msg; chatBox.appendChild(p); } inputBox.addEventListener('keydown', function(event) { if (event.keyCode === 13) { addMessage(inputBox.value); inputBox.value = ''; } }); </script> </body> </html> ``` 在这个示例中,我们创建了一个聊天界面,其中包含一个聊天框和一个输入框。我们使用CSS设置了聊天框和输入框的样式。在JavaScript部分,我们定义了一个函数addMessage,它接受一个字符串参数,并将其添加到聊天框中。我们使用addEventListener方法监听输入框的keydown事件,当用户按下回车键时,我们调用addMessage函数将输入框中的内容添加到聊天框中。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值