与喵娘聊天~（集成ChatGPT机器人）
10 |
11 | 
12 |
13 | ## 特性
14 |
15 | - 快得批爆
16 | - 支持自定义 OpenAI API 密钥
17 | - 支持随机生成预设场景（100+）
18 | - 支持缓存会话
19 |
20 | 特别提供预设文件（中/英文），方便开发者集成:
21 |
22 | **源文件**
23 |
24 | - [prompts.json](https://github.com/yesmore/QA/blob/main/src/data/prompts.json)
25 | - [prompts-zh.json](https://github.com/yesmore/QA/blob/main/src/data/prompts-zh.json)
26 |
27 | **Api调用**
28 |
29 | - [https://nb.js.cn/prompts](https://nb.js.cn/prompts)
30 | - [https://nb.js.cn/prompts-zh](https://nb.js.cn/prompts-zh)
31 |
32 | > Api 会请求 Github 仓库源文件，速度比较慢，可下载源文件自部署接口。
33 |
34 | ## 环境变量
35 |
36 | > 请先将文件 `.env.example` 重命名为 `.env`, 并填写 `OPENAI_API_KEY` 变量值（此处申请[OpenAI](https://platform.openai.com/account/api-keys)）。
37 | >
38 | > 如果需要本地开发，请填写http代理 `HTTPS_PROXY` 变量。
39 |
40 |
41 | | 变量 | 描述 | 示例 |
42 | | --------------------- | ------------------------------------------------- | ------------------------------ |
43 | | `OPENAI_API_BASE_URL` | Custom base url for OpenAI API | `https://api.openai.com` |
44 | | `OPENAI_API_KEY` | Custom OpenAI API Key | `sk-eawsgfwegwaqeqtq234516512` |
45 | | `HTTPS_PROXY` | Provide proxy for OpenAI API | `http://127.0.0.1:7890` |
46 | | `SECRET_KEY` | Secret string for the project | `123456` |
47 | | `HEAD_SCRIPTS` | HTML Scripts | |
48 | | `CODE` | 授权码 (提供免费密钥且设置CODE值，则激活授权模式) | `123,124,125` |
49 |
50 | ## 本地调试
51 |
52 | ```bash
53 | git clone https://github.com/yesmore/QA.git
54 |
55 | cp .env.example .env
56 |
57 | pnpm i
58 | # 本地 Node.js 版本必须大于 18.+
59 | pnpm dev
60 | ```
61 |
62 | ## 部署
63 |
64 | #### Vercel (推荐)
65 |
66 | [](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fyesmore%2FQA&env=OPENAI_API_KEY&envDescription=OpenAI%20API%20Key&envLink=https%3A%2F%2Fplatform.openai.com%2Faccount%2Fapi-keys)
67 |
68 | #### Netlify
69 |
70 | [](https://app.netlify.com/start/deploy?repository=https://github.com/yesmore/QA#OPENAI_API_KEY=&HTTPS_PROXY=&OPENAI_API_BASE_URL=&HEAD_SCRIPTS=&SECRET_KEY=&OPENAI_API_MODEL=&SITE_PASSWORD=)
71 |
72 | **分步部署教程：**
73 |
74 | - [Fork](https://github.com/yesmore/QA/fork) 此项目，前往 [https://app.netlify.com/start](https://app.netlify.com/start) 新建站点，选择你 `fork` 完成的项目，将其与 `GitHub` 帐户连接。
75 | - 选择要部署的分支，选择 `main` 分支， 在项目设置中配置环境变量，环境变量配置参考下文。
76 | - 选择默认的构建命令和输出目录，单击 `Deploy Site` 按钮开始部署站点。
77 |
78 |
79 | #### 部署在更多的服务器
80 |
81 | 请参考官方部署文档：https://docs.astro.build/en/guides/deploy
82 |
83 | ## 参考
84 |
85 | - [chatgpt-demo](https://github.com/ddiu8081/chatgpt-demo)
86 | - [Awesome ChatGPT Prompts](https://prompts.chat/)
87 | - [ChatGPT 中文调教指南](https://chatguide.plexpt.com/)
88 |
89 | ## License
90 |
91 | [GPL](./LICENSE) © [yesmore](https://github.com/yesmore)
92 |
93 | 
94 |
--------------------------------------------------------------------------------
/astro.config.mjs:
--------------------------------------------------------------------------------
1 | import { defineConfig } from "astro/config";
2 | import unocss from "unocss/astro";
3 | import solidJs from "@astrojs/solid-js";
4 |
5 | import node from "@astrojs/node";
6 | import vercel from "@astrojs/vercel/edge";
7 | import netlify from "@astrojs/netlify/edge-functions";
8 | import vercelDisableBlocks from "./plugins/vercelDisableBlocks";
9 |
10 | const envAdapter = () => {
11 | if (process.env.OUTPUT === "vercel") {
12 | return vercel();
13 | } else if (process.env.OUTPUT === "netlify") {
14 | return netlify();
15 | } else {
16 | return node({
17 | mode: "standalone",
18 | });
19 | }
20 | };
21 |
22 | // https://astro.build/config
23 | export default defineConfig({
24 | integrations: [unocss(), solidJs()],
25 | output: "server",
26 | adapter: envAdapter(),
27 | vite: {
28 | plugins: [
29 | process.env.OUTPUT === "vercel" && vercelDisableBlocks(),
30 | process.env.OUTPUT === "netlify" && vercelDisableBlocks(),
31 | ],
32 | },
33 | });
34 |
--------------------------------------------------------------------------------
/dockerfile:
--------------------------------------------------------------------------------
1 |
2 | FROM node:alpine
3 | RUN mkdir -p /usr/src
4 | WORKDIR /usr/src
5 | COPY . /usr/src
6 | RUN npm install
7 | EXPOSE 3000
8 | CMD npm run start -- --port 3000 --host 0.0.0.0
9 |
--------------------------------------------------------------------------------
/netlify.toml:
--------------------------------------------------------------------------------
1 | [build.environment]
2 | NETLIFY_USE_PNPM = "true"
3 | NODE_VERSION = "18"
4 |
5 | [build]
6 | command = "OUTPUT=netlify astro build"
7 | publish = "dist"
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "qa-chat",
3 | "type": "module",
4 | "version": "1.0.1",
5 | "scripts": {
6 | "dev": "astro dev",
7 | "start": "astro dev",
8 | "build": "astro build",
9 | "build:vercel": "OUTPUT=vercel astro build",
10 | "build:netlify": "OUTPUT=netlify astro build",
11 | "preview": "astro preview",
12 | "astro": "astro"
13 | },
14 | "dependencies": {
15 | "@astrojs/netlify": "2.0.0",
16 | "@astrojs/node": "^5.0.4",
17 | "@astrojs/solid-js": "^2.0.2",
18 | "@astrojs/vercel": "^3.1.3",
19 | "@unocss/reset": "^0.50.1",
20 | "astro": "^2.0.15",
21 | "eventsource-parser": "^0.1.0",
22 | "highlight.js": "^11.7.0",
23 | "js-sha256": "^0.9.0",
24 | "just-throttle": "^4.2.0",
25 | "katex": "^0.6.0",
26 | "markdown-it": "^13.0.1",
27 | "markdown-it-highlightjs": "^4.0.1",
28 | "markdown-it-katex": "^2.0.3",
29 | "solid-js": "^1.6.11",
30 | "solid-toast": "^0.4.0",
31 | "solidjs-use": "^1.2.0",
32 | "undici": "^5.20.0"
33 | },
34 | "devDependencies": {
35 | "@types/markdown-it": "^12.2.3",
36 | "@unocss/preset-attributify": "^0.50.1",
37 | "@unocss/preset-typography": "^0.50.3",
38 | "punycode": "^2.3.0",
39 | "unocss": "^0.50.1"
40 | }
41 | }
42 |
--------------------------------------------------------------------------------
/plugins/vercelDisableBlocks.ts:
--------------------------------------------------------------------------------
1 | export default function plugin() {
2 | const transform = (code: string, id: string) => {
3 | if (id.includes('pages/api/generate.ts')) {
4 | return {
5 | code: code.replace(/^.*?#vercel-disable-blocks([\s\S]+?)#vercel-end.*?$/gm, ''),
6 | map: null
7 | }
8 | }
9 | }
10 |
11 | return {
12 | name: 'vercel-disable-blocks',
13 | enforce: 'pre',
14 | transform,
15 | }
16 | }
--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gcloudlab/QA/1152060f4a61d39fe99fbd4bbfa99c9444d8686c/public/favicon.ico
--------------------------------------------------------------------------------
/shims.d.ts:
--------------------------------------------------------------------------------
1 | import type { AttributifyAttributes } from '@unocss/preset-attributify'
2 |
3 | // declare module 'solid-js' {
4 | // namespace JSX {
5 | // interface HTMLAttributes
5 |
95 | );
96 |
--------------------------------------------------------------------------------
/src/components/BackTop.tsx:
--------------------------------------------------------------------------------
1 | export default () => {
2 | return (
3 |
21 | );
22 | };
23 |
--------------------------------------------------------------------------------
/src/components/BottomTool.tsx:
--------------------------------------------------------------------------------
1 | import { Accessor } from "solid-js";
2 | import IconClear from "./icons/Clear";
3 |
4 | interface Props {
5 | loading: Accessor6 | 7 | 通知 8 | {" "} 9 | 由于OpenAI官方对API请求限速 3次/分钟，所以当长时间无回复时时，请点击暂停按钮，并重新尝试发送，或稍等几秒后再发送。开启连续对话不限速！！！ {" "} 10 |
11 |12 | 13 | 注意 14 | {" "} 15 | 本站严禁用户输入/输出任何违反法律法规、道德规范、社会公德的内容，包括但不限于涉及黄色、色情、淫秽、赌博、毒品等违禁内容，侵犯他人知识产权、隐私权等合法权益的内容等。 16 |
17 |18 | 19 | 关于 20 | 21 | {" "} 22 | 本站基于问答 Ai，如果你想和它聊天， 23 | 24 | 请先准备好{" "} 25 | 32 | API Key (密钥) 33 | {" "} 34 | 并填写 (用户密钥均保存在用户本地，不涉及任何上传功能)。 35 | 36 | 你也可以选中"免费体验密钥"功能 (默认已开启)，即可使用站长提供的 37 | 免费密钥且无需填写自己的密钥 38 | 体验 (若填写则优先使用你的密钥)。 39 |
40 |41 | 42 | 域名 43 | {" "} 44 | 由于域名频繁被qiang，备用域名按照 a、b、c、d 准备，例如 a.mydog.buzz, 45 | b.mydog.buzz。鉴于前几次域名被墙导致有小伙伴迷路，建了个{" "} 46 | 公众号 随时更新授权码，欢迎扫码关注。 47 |
48 |49 | 50 | 打赏 51 | {" "} 52 | 免费体验功能不保证稳定提供 53 | (使用人数较多响应较慢，或密钥额度已用完但是没来得及手动更新，以及更新后需要用户刷新网页)。 54 | 白嫖不易，你的打赏就是我的动力 55 | (站长会根据当日打赏情况决定未来几天的免费额度)～ 56 |
57 |58 | 59 | 交流 60 | {" "} 61 | Q群634323049 62 | {" · "} 63 | 70 | Telegram群组 (集成ChatGPT喵娘机器人) 71 | 72 | {" · "} 73 | 80 | OpenAI中文网 81 | 82 |
83 |
84 |
94 | 免责声明
85 |86 | 本站使用 GPT-3.5 API 87 | 生成信息，不保证信息的准确性、完整性、及时性或适用性。本站不对因使用或无法使用本站而导致的任何损失或损害承担任何责任。本站不对 88 | GPT-3.5 API 89 | 所提供的信息的准确性、完整性、及时性或适用性承担任何责任。本站不对第三方链接和内容的准确性、完整性、及时性或适用性承担任何责任。本站保留更改或暂停本站或 90 | GPT-3.5 API 的权利，而无需提前通知。使用本站和 GPT-3.5 API 91 | 意味着您同意本免责声明的所有条款和条件。 92 |
93 |
13 |
21 |
30 |
31 | );
32 | };
33 |
--------------------------------------------------------------------------------
/src/components/Clipboard.tsx:
--------------------------------------------------------------------------------
1 | import { createSignal } from "solid-js";
2 | import toast from "solid-toast";
3 | import { useClipboard } from "solidjs-use";
4 |
5 | export default function Clipboard(props: { message: string | Function }) {
6 | const [source] = createSignal(
7 | typeof props.message === "string" ? props.message : props.message()
8 | );
9 | const { copy } = useClipboard({ source });
10 |
11 | return (
12 |
13 |
47 |
48 | );
49 | }
50 |
--------------------------------------------------------------------------------
/src/components/Error.tsx:
--------------------------------------------------------------------------------
1 | import { PRO_URL } from "@/contants";
2 |
3 | export default (props: { info: string }) => (
4 | 🚨 {props.info}，请稍后再试，或者去看看 QAchat Pro👉
5 | ); 6 | -------------------------------------------------------------------------------- /src/components/Footer.tsx: -------------------------------------------------------------------------------- 1 | import BackTop from "@/components/BackTop"; 2 | import Github from "./icons/Github"; 3 | import { Setter, createEffect, createSignal, onCleanup } from "solid-js"; 4 | import toast from "solid-toast"; 5 | import { Toaster } from "solid-toast"; 6 | 7 | interface Props { 8 | setWaimai: Setter
32 |
56 | );
57 | },
58 | {
59 | duration: duration,
60 | }
61 | );
62 | };
63 |
64 | export default ({ setWaimai }: Props) => (
65 |
89 | );
90 |
--------------------------------------------------------------------------------
/src/components/Generator.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | createSignal,
3 | onMount,
4 | onCleanup,
5 | Show,
6 | Index,
7 | createEffect,
8 | } from "solid-js";
9 | import { defaultToggleSetting } from "@/default";
10 | import throttle from "just-throttle";
11 | import {
12 | clearCustomKey,
13 | getCustomKey,
14 | setCustomKey,
15 | hideKey,
16 | getRandomInt,
17 | getCreditGrants,
18 | generateSignature,
19 | } from "@/utils";
20 | import PromptList from "@/data/prompts-zh.json";
21 | import MessageItem from "./MessageItem";
22 | import Setting from "./Setting";
23 | import TextError from "./Error";
24 | import Footer from "./Footer";
25 | import About from "./About";
26 | import BottomTool from "./BottomTool";
27 | import LoadingDots from "./icons/LoadingDots";
28 | import IconClear from "./icons/Clear";
29 | import IconSend from "./icons/Send";
30 | import IconStop from "./icons/Stop";
31 | import type { ChatMessage } from "@/types";
32 | import { Toaster } from "solid-toast";
33 | import { DAO, PRO_URL } from "@/contants";
34 |
35 | export type Setting = typeof defaultToggleSetting;
36 |
37 | export default () => {
38 | let inputRef: HTMLTextAreaElement;
39 | let inputKeyRef: HTMLInputElement;
40 | let inputCodeRef: HTMLInputElement;
41 | let autoScrolling = true;
42 | const eventTypes = ["wheel", "touchmove", "keydown"];
43 |
44 | const [messageList, setMessageList] = createSignal
33 |
49 |
34 |
41 |
35 | 应用市场搜索“美兔优选”并下载，即可省钱+赚钱
36 |
37 |
38 | 站长推荐
39 |
40 |
42 |
47 |
48 |
50 |
51 |
54 |
55 | -
459 |
-
460 | 461 |587 |
462 |
475 |463 |474 |高级设置
464 | {renderProInfo} 465 | {/*466 | 467 | {online} 在线 468 |*/} 469 | {/*470 | 471 | {reqCount} 472 |*/} 473 |476 |585 |477 |580 | 581 |478 | 498 |499 |500 | { 509 | setCustomKey("custom-key", inputKeyRef.value); 510 | requestKeyBalance(); 511 | }} 512 | autocomplete="off" 513 | w-full 514 | px-4 515 | py-2 516 | h-10 517 | min-h-10 518 | text-slate-700 519 | rounded-l 520 | bg-slate 521 | bg-op-15 522 | focus:bg-op-20 523 | focus:ring-0 524 | focus:outline-none 525 | placeholder:text-slate-900 526 | placeholder:op-30 527 | /> 528 | 551 |552 |553 |579 |554 | 563 | 购买 OpenAI API 账号/密钥 564 | 565 |
566 | 567 |568 | 本月已使用:{" "} 569 | 575 | {balance()} 576 | 577 |
578 |582 |584 |583 | 586 |
588 |
0 }}>
592 |
593 | {(message, index) => (
594 | index === messageList().length - 1}
599 | onRetry={retryLastFetch}
600 | onDelete={() => handleDeleteMsg(index)}
601 | />
602 | )}
603 |
604 | {currentAssistantMessage() && (
605 |
613 | );
614 | const renderInputWrapper = () => (
615 |
616 |