{"id":19725427,"url":"https://github.com/easychen/windchat","last_synced_at":"2025-04-29T23:30:42.911Z","repository":{"id":175755946,"uuid":"654426459","full_name":"easychen/WindChat","owner":"easychen","description":"A React Chatbot starter with highly customizable styles can be achieved through TailwindCSS. 可以通过 TailwindCSS 高度定制样式的 React Chatbot starter。","archived":false,"fork":false,"pushed_at":"2023-06-17T14:51:44.000Z","size":96,"stargazers_count":39,"open_issues_count":0,"forks_count":4,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-04-05T20:11:15.509Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/easychen.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-06-16T05:30:44.000Z","updated_at":"2024-11-13T13:17:20.000Z","dependencies_parsed_at":null,"dependency_job_id":"7c1ee78d-4dd4-40c2-9dd8-431ffc2bed23","html_url":"https://github.com/easychen/WindChat","commit_stats":null,"previous_names":["easychen/windchat"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/easychen%2FWindChat","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/easychen%2FWindChat/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/easychen%2FWindChat/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/easychen%2FWindChat/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/easychen","download_url":"https://codeload.github.com/easychen/WindChat/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251599732,"owners_count":21615574,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-11T23:29:49.529Z","updated_at":"2025-04-29T23:30:42.905Z","avatar_url":"https://github.com/easychen.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# WindChat\n\n可以通过 TailwindCSS 高度定制的 React Chatbot starter。\n\n## 快速预览\n\nhttps://github.com/easychen/WindChat/assets/1294760/961fd7b5-d027-4efd-86e0-b0b30bf85e7e\n\n## 使用教程\n\n登录后，可免费观看（仅限本节）\n\n\u003chttps://stack.ftqq.com/section/show/294\u003e\n\n![image](https://github.com/easychen/WindChat/assets/1294760/d7b45770-3edc-411f-bd2f-6e16c42f386d)\n\n\n## License\n\nMIT\n\n## 开发流程\n\n### 克隆到本地并安装依赖\n\n```\ngit clone https://github.com/easychen/WindChat.git\ncd WindChat\nyarn install\n```\n\n### 启动开发环境\n\n```\nyarn dev\n```\n\n可修改 `src/App.jsx` 中 `WindChat` 组件的属性进行定制\n\n### 编译输出\n\n```\nyarn build\n```\n\n将 `dist` 目录部署到 web 目录即可访问使用。\n\n\n\n## 可定制参数\n\n\n| 参数 | 含义 | 默认值 |\n| --- | --- | --- |\n| containerClasses | 容器的 CSS 类名 | 'border p-2 rounded' |\n| listClasses | 聊天记录列表的 CSS 类名 | ' max-h-96 overflow-auto my-2' |\n| inputClasses | 输入框的 CSS 类名 | 'w-full border ' |\n| inputBoxClasses | 输入框容器的 CSS 类名 | 'w-full flex flex-row items-center' |\n| inputPlaceholder | 输入框的占位符 | '请输入问题 ' |\n| sendBtnClasses | 发送按钮的 CSS 类名 | 'border p-2 border-gray-600' |\n| sendBtnText | 发送按钮的文本 | '发送' |\n| chatItemClass | 聊天记录项的 CSS 类名 | 'my-2 flex flex-row justify-center' |\n| chatItemUserClass | 用户聊天记录项的 CSS 类名 | 'bg-blue-100 p-2 w-fit rounded flex flex-row ' |\n| chatItemAssistantClass | 机器人聊天记录项的 CSS 类名 | 'bg-yellow-100 p-2 w-fit rounded flex flex-row' |\n| searchDatabaseNameClasses | 搜索数据库名称的 CSS 类名 | 'text-center text-sm text-white bg-gray-300 w-fit mx-auto p-1 rounded hover:bg-gray-700' |\n| maxTokens | OpenAI API 的最大 token 数量 | 1000 |\n| temperature | OpenAI API 的温度参数 | 0.9 |\n| key | OpenAI API 的 API Key | 空字符串 |\n| endpoint | OpenAI API 的 API Endpoint | 'https://oa.api2d.net' |\n| model | OpenAI API 的模型名称 | 'gpt-3.5-turbo' |\n| loadingText | 正在思考中的文本 | '正在思考中...' |\n| scrollDelay | 滚动延迟时间 | 500 |\n| stream | 是否启用流式 API | false |\n| historyCount | 历史记录数量 | 4 |\n| preMessages | 预设的系统消息 | 空数组 |\n| searchableId | 是否启用可搜索的 ID | false |\n| searchResultCount | 搜索结果数量 | 5 |\n| searchDatabaseName | 是否显示搜索数据库名称 | false |\n| cleanBtn | 清空按钮的 JSX 元素 | `\u003cAiOutlineClear color=\"#666\" size={24} className=\"mr-2 cursor-pointer\"/\u003e` |\n| avatarUser | 用户头像 | `\u003cFaUserCircle size={24} color={'#999'}/\u003e` |\n| avatarAssistant | 机器人头像 | `\u003cBsRobot size={24} color={'#999'}/\u003e` |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feasychen%2Fwindchat","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Feasychen%2Fwindchat","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feasychen%2Fwindchat/lists"}