{"id":10622,"date":"2025-04-18T18:07:27","date_gmt":"2025-04-18T10:07:27","guid":{"rendered":"https:\/\/www.wsisp.com\/helps\/10622.html"},"modified":"2025-04-18T18:07:27","modified_gmt":"2025-04-18T10:07:27","slug":"%e6%97%a0%e9%9c%80-gpu-%e6%9c%8d%e5%8a%a1%e5%99%a8%ef%bc%8c%e5%80%9f%e5%8a%a9-openrouter-%e9%9b%b6%e6%88%90%e6%9c%ac%e6%90%ad%e5%bb%ba%e8%87%aa%e5%b7%b1%e7%9a%84%e5%a4%a7%e6%a8%a1%e5%9e%8b%e5%8a%a9","status":"publish","type":"post","link":"https:\/\/www.wsisp.com\/helps\/10622.html","title":{"rendered":"\u65e0\u9700 GPU \u670d\u52a1\u5668\uff0c\u501f\u52a9 OpenRouter \u96f6\u6210\u672c\u642d\u5efa\u81ea\u5df1\u7684\u5927\u6a21\u578b\u52a9\u624b"},"content":{"rendered":"<h3>\u4e00\u3001\u642d\u5efa\u81ea\u5df1\u7684\u5927\u6a21\u578b\u52a9\u624b<\/h3>\n<p>\u5927\u578b\u6a21\u578b\u7684\u51fa\u73b0\u4e3a\u8bb8\u591a\u9886\u57df\u5e26\u6765\u4e86\u9769\u547d\u6027\u7684\u53d8\u5316&#xff0c;\u4ece\u81ea\u7136\u8bed\u8a00\u5904\u7406\u5230\u8ba1\u7b97\u673a\u89c6\u89c9&#xff0c;\u751a\u81f3\u662f\u533b\u5b66\u548c\u91d1\u878d\u9886\u57df\u3002\u7136\u800c&#xff0c;\u5bf9\u4e8e\u8bb8\u591a\u5f00\u53d1\u8005\u6765\u8bf4&#xff0c;\u4f7f\u7528\u4e00\u4e9b\u5f00\u6e90\u7684\u6a21\u578b\u8fdb\u884c\u5b9e\u9a8c\u548c\u5e94\u7528\u5374\u662f\u4e00\u4e2a\u6311\u6218&#xff0c;\u56e0\u4e3a\u5b83\u4eec\u901a\u5e38\u9700\u8981\u6602\u8d35\u7684\u786c\u4ef6\u8d44\u6e90\u6765\u8fd0\u884c\u3002\u5927\u591a\u6570\u60c5\u51b5\u4e0b&#xff0c;\u4f7f\u7528\u8fd9\u4e9b\u6a21\u578b\u9700\u8981\u62e5\u6709\u4e00\u53f0\u914d\u5907\u9ad8\u6027\u80fdGPU\u7684\u670d\u52a1\u5668&#xff0c;\u800c\u8fd9\u5f80\u5f80\u662f\u4e00\u9879\u6602\u8d35\u7684\u6295\u8d44\u3002\u800c OpenRouter \u4e3a\u4f7f\u7528\u8005\u63d0\u4f9b\u4e86\u90e8\u5206\u5f00\u6e90\u6a21\u578b\u7684\u5b9e\u73b0&#xff0c;\u53ef\u4ee5\u901a\u8fc7API\u514d\u8d39\u4f7f\u7528&#xff0c;\u4e3b\u8981\u805a\u7126\u57287B\u89c4\u6a21\u5927\u5c0f\u7684\u6a21\u578b&#xff0c;\u6bd4\u5982\u8c37\u6b4c\u7684 gemma-7b &#xff0c;Mistral AI \u7684 mistral-7b-instruct&#xff0c;\u4e00\u5b9a\u7a0b\u5ea6\u907f\u514d\u4e86\u81ea\u5df1\u53bb\u90e8\u7f72\u5927\u6a21\u578b\u7684\u6210\u672c\u3002<\/p>\n<p>\u672c\u6587\u5c31\u57fa\u4e8e OpenRouter \u4e2d\u514d\u8d39\u6a21\u578b\u63a5\u53e3\u7684\u80fd\u529b&#xff0c;\u4f7f\u7528\u8c37\u6b4c\u7684 gemma-7b \u6a21\u578b&#xff0c;\u642d\u5efa\u81ea\u5df1\u7684\u5927\u6a21\u578b\u52a9\u624b&#xff0c;\u5b9e\u73b0\u6548\u679c\u5982\u4e0b&#xff1a;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/04\/20250418100722-6802245a3e38d.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/> <img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/04\/20250418100722-6802245ad2761.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/04\/20250418100723-6802245b739fe.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<h3>\u4e8c\u3001OpenRouter \u4f7f\u7528<\/h3>\n<p>\u5728\u5b9e\u9a8c\u524d\u9996\u5148\u4e86\u89e3\u4e0b OpenRouter \u662f\u4ec0\u4e48\u3002OpenRouter \u662f\u4e00\u6b3e\u6574\u5408\u4e86\u5404\u7c7b\u5927\u6a21\u578b\u7684\u4e2d\u95f4\u4ee3\u7406\u5546&#xff0c;\u800c\u4e14\u5728\u56fd\u5185\u65e0\u9700\u68af\u5b50\u5373\u53ef\u8bbf\u95ee&#xff0c;\u901a\u8fc7 OpenRouter \u53ef\u4ee5\u8c03\u7528\u8d85 100 \u79cd\u4f18\u79c0\u7684\u5927\u6a21\u578b&#xff0c;\u5176\u4e2d\u5305\u62ec\u6bd4\u8f83\u6d41\u884c\u7684 OpenAI \u7684 ChatGPT \u7cfb\u5217&#xff08;\u5305\u62ecGPT4V&#xff09;&#xff0c;Anthropic \u7684 Claude \u7cfb\u5217&#xff0c;\u8c37\u6b4c\u7684 PaLM \u548c Gemini \u7cfb\u5217\u7b49&#xff0c;\u800c\u4e14\u66f4\u6362\u6a21\u578b\u4ec5\u9700\u4fee\u6539\u6a21\u578b\u7684\u540d\u5b57\u5373\u53ef&#xff0c;\u65e0\u9700\u4fee\u6539\u8c03\u7528\u4ee3\u7801\u5f97\u903b\u8f91&#xff1a;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/04\/20250418100723-6802245b9f785.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/> <img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/04\/20250418100723-6802245bec218.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/04\/20250418100724-6802245c487ec.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<p>\u5b98\u65b9\u5730\u5740\u5982\u4e0b&#xff1a;<\/p>\n<p>https:\/\/openrouter.ai\/<\/p>\n<p>OpenRouter \u6ca1\u6709\u5bf9QQ\u90ae\u7bb1\u505a\u9650\u5236&#xff0c;\u652f\u6301 QQ \u90ae\u7bb1\u767b\u5f55\u6ce8\u518c&#xff0c;\u4e00\u5b9a\u7a0b\u5ea6\u4e0a\u7ed9\u56fd\u5185\u7684\u4e00\u4e9b\u7528\u6237\u63d0\u4f9b\u4e86\u4fbf\u5229&#xff0c;\u5e76\u4e14\u8fd8\u514d\u8d39\u63d0\u4f9b\u4e86\u4e00\u62797B\u7684\u6a21\u578b&#xff0c;\u5305\u62ec nous-capybara-7b\u3001mistral-7b-instruct\u3001mythomist-7b\u3001toppy-m-7b\u3001cinematika-7b\u3001gemma-7b-it&#xff1a;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/04\/20250418100724-6802245c8d32d.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<p>\u56e0\u6b64&#xff0c;\u5f53\u6211\u4eec\u6ca1\u6709 GPU \u670d\u52a1\u5668\u7684\u65f6\u5019&#xff0c;\u53c8\u60f3\u501f\u52a9\u5f00\u6e90\u6a21\u578b\u642d\u5efa\u4e00\u5957\u81ea\u5df1\u7684\u5927\u6a21\u578b\u52a9\u624b\u65f6&#xff0c;\u5c31\u53ef\u4ee5\u8003\u8651\u4f7f\u7528 OpenRouter \u4e86&#xff0c;\u6ce8\u610f\u4f7f\u7528\u524d\u9700\u8981\u5148\u6ce8\u518c\u8d26\u53f7&#xff0c;\u5e76\u751f\u6210 Api key&#xff1a;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/04\/20250418100724-6802245ccdf58.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<p>OpenRouter \u4e3b\u8981\u4ee5 http \u7684\u4ea4\u4e92\u65b9\u5f0f&#xff0c;\u56e0\u6b64\u51e0\u4e4e\u53ef\u4ee5\u4f7f\u7528\u4efb\u4f55\u652f\u6301 http \u7684\u8bed\u8a00\u548c\u6846\u67b6\u53bb\u8c03\u7528 &#xff0c;\u540c\u65f6\u4e5f\u652f\u6301\u901a\u8fc7 OpenAI \u7684 client.chat.completions.create \u65b9\u5f0f\u8c03\u7528&#xff1a;<\/p>\n<p>\u4f8b\u5982&#xff1a;\u4f7f\u7528 Python \u8bed\u8a00 http \u7684\u65b9\u5f0f&#xff0c;\u8c03\u7528 gemma-7b \u6a21\u578b&#xff1a;<\/p>\n<p><span class=\"token keyword\">import<\/span> requests<br \/>\n<span class=\"token keyword\">import<\/span> json<\/p>\n<p>url <span class=\"token operator\">&#061;<\/span> <span class=\"token string\">&#034;https:\/\/openrouter.ai\/api\/v1\/chat\/completions&#034;<\/span><br \/>\nmodel <span class=\"token operator\">&#061;<\/span> <span class=\"token string\">&#034;google\/gemma-7b-it:free&#034;<\/span><br \/>\nrequest_headers <span class=\"token operator\">&#061;<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token string-property property\">&#034;Authorization&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;Bearer \u4f60\u7684api_key&#034;<\/span><span class=\"token punctuation\">,<\/span><br \/>\n    <span class=\"token string-property property\">&#034;HTTP-Referer&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;http:\/\/localhost:8088&#034;<\/span><span class=\"token punctuation\">,<\/span><br \/>\n    <span class=\"token string-property property\">&#034;X-Title&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;test&#034;<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><br \/>\ndefault_prompt <span class=\"token operator\">&#061;<\/span> <span class=\"token string\">&#034;You are an AI assistant that helps people find information.&#034;<\/span><\/p>\n<p>def <span class=\"token function\">llm<\/span><span class=\"token punctuation\">(<\/span>user_prompt<span class=\"token punctuation\">,<\/span>system_prompt<span class=\"token operator\">&#061;<\/span>default_prompt<span class=\"token punctuation\">)<\/span><span class=\"token operator\">:<\/span><br \/>\n    messages <span class=\"token operator\">&#061;<\/span> <span class=\"token punctuation\">[<\/span><br \/>\n        <span class=\"token punctuation\">{<\/span><span class=\"token string-property property\">&#034;role&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;system&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string-property property\">&#034;content&#034;<\/span><span class=\"token operator\">:<\/span> system_prompt<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span><br \/>\n        <span class=\"token punctuation\">{<\/span><span class=\"token string-property property\">&#034;role&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;user&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string-property property\">&#034;content&#034;<\/span><span class=\"token operator\">:<\/span> user_prompt<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span><br \/>\n    <span class=\"token punctuation\">]<\/span><br \/>\n    request_json <span class=\"token operator\">&#061;<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n        <span class=\"token string-property property\">&#034;model&#034;<\/span><span class=\"token operator\">:<\/span> model<span class=\"token punctuation\">,<\/span><br \/>\n        <span class=\"token string-property property\">&#034;messages&#034;<\/span><span class=\"token operator\">:<\/span> messages<span class=\"token punctuation\">,<\/span><br \/>\n        <span class=\"token string-property property\">&#034;max_tokens&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token number\">2048<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span><br \/>\n    respose <span class=\"token operator\">&#061;<\/span> requests<span class=\"token punctuation\">.<\/span><span class=\"token function\">request<\/span><span class=\"token punctuation\">(<\/span><br \/>\n        url<span class=\"token operator\">&#061;<\/span>url<span class=\"token punctuation\">,<\/span><br \/>\n        method<span class=\"token operator\">&#061;<\/span><span class=\"token string\">&#034;POST&#034;<\/span><span class=\"token punctuation\">,<\/span><br \/>\n        json<span class=\"token operator\">&#061;<\/span>request_json<span class=\"token punctuation\">,<\/span><br \/>\n        headers<span class=\"token operator\">&#061;<\/span>request_headers<br \/>\n    <span class=\"token punctuation\">)<\/span><br \/>\n    <span class=\"token keyword\">return<\/span> json<span class=\"token punctuation\">.<\/span><span class=\"token function\">loads<\/span><span class=\"token punctuation\">(<\/span>respose<span class=\"token punctuation\">.<\/span>content<span class=\"token punctuation\">.<\/span><span class=\"token function\">decode<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#039;utf-8&#039;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">[<\/span><span class=\"token string\">&#039;choices&#039;<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">[<\/span><span class=\"token number\">0<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">[<\/span><span class=\"token string\">&#039;message&#039;<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">[<\/span><span class=\"token string\">&#039;content&#039;<\/span><span class=\"token punctuation\">]<\/span><\/p>\n<p><span class=\"token keyword\">if<\/span> __name__ <span class=\"token operator\">&#061;&#061;<\/span> <span class=\"token string\">&#039;__main__&#039;<\/span><span class=\"token operator\">:<\/span><br \/>\n    <span class=\"token function\">print<\/span><span class=\"token punctuation\">(<\/span><span class=\"token function\">llm<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;\u4f60\u597d&#xff0c;\u4ecb\u7ecd\u4e00\u4e0b\u4f60\u81ea\u5df1&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><\/p>\n<p>\u8fd0\u884c\u8f93\u51fa&#xff1a;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/04\/20250418100725-6802245d0c561.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<p>\u4f7f\u7528 OpenAI \u7684 client.chat.completions.create \u65b9\u5f0f&#xff0c;\u8c03\u7528 gemma-7b \u6a21\u578b&#xff1a;<\/p>\n<p><span class=\"token keyword\">from<\/span> openai <span class=\"token keyword\">import<\/span> OpenAI<\/p>\n<p>model <span class=\"token operator\">&#061;<\/span> <span class=\"token string\">&#034;google\/gemma-7b-it:free&#034;<\/span><br \/>\ndefault_prompt <span class=\"token operator\">&#061;<\/span> <span class=\"token string\">&#034;You are an AI assistant that helps people find information.&#034;<\/span><br \/>\nclient <span class=\"token operator\">&#061;<\/span> OpenAI<span class=\"token punctuation\">(<\/span><br \/>\n    base_url<span class=\"token operator\">&#061;<\/span><span class=\"token string\">&#034;https:\/\/openrouter.ai\/api\/v1&#034;<\/span><span class=\"token punctuation\">,<\/span><br \/>\n    api_key<span class=\"token operator\">&#061;<\/span><span class=\"token string\">&#034;\u4f60\u7684api_key&#034;<\/span><span class=\"token punctuation\">,<\/span><br \/>\n<span class=\"token punctuation\">)<\/span><\/p>\n<p><span class=\"token keyword\">def<\/span> <span class=\"token function\">llm<\/span><span class=\"token punctuation\">(<\/span>user_prompt<span class=\"token punctuation\">,<\/span> system_prompt<span class=\"token operator\">&#061;<\/span>default_prompt<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">:<\/span><br \/>\n    messages <span class=\"token operator\">&#061;<\/span> <span class=\"token punctuation\">[<\/span><br \/>\n        <span class=\"token punctuation\">{<\/span><span class=\"token string\">&#034;role&#034;<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;system&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;content&#034;<\/span><span class=\"token punctuation\">:<\/span> system_prompt<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span><br \/>\n        <span class=\"token punctuation\">{<\/span><span class=\"token string\">&#034;role&#034;<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;user&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;content&#034;<\/span><span class=\"token punctuation\">:<\/span> user_prompt<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span><br \/>\n    <span class=\"token punctuation\">]<\/span><br \/>\n    completion <span class=\"token operator\">&#061;<\/span> client<span class=\"token punctuation\">.<\/span>chat<span class=\"token punctuation\">.<\/span>completions<span class=\"token punctuation\">.<\/span>create<span class=\"token punctuation\">(<\/span><br \/>\n        extra_headers<span class=\"token operator\">&#061;<\/span><span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token string\">&#034;HTTP-Referer&#034;<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;http:\/\/localhost:8088&#034;<\/span><span class=\"token punctuation\">,<\/span><br \/>\n            <span class=\"token string\">&#034;X-Title&#034;<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;test&#034;<\/span><span class=\"token punctuation\">,<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span><br \/>\n        model<span class=\"token operator\">&#061;<\/span>model<span class=\"token punctuation\">,<\/span><br \/>\n        messages<span class=\"token operator\">&#061;<\/span>messages<span class=\"token punctuation\">,<\/span><br \/>\n        max_tokens <span class=\"token operator\">&#061;<\/span> <span class=\"token number\">2048<\/span><br \/>\n    <span class=\"token punctuation\">)<\/span><br \/>\n    <span class=\"token keyword\">return<\/span> completion<span class=\"token punctuation\">.<\/span>choices<span class=\"token punctuation\">[<\/span><span class=\"token number\">0<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">.<\/span>message<span class=\"token punctuation\">.<\/span>content<\/p>\n<p><span class=\"token keyword\">if<\/span> __name__ <span class=\"token operator\">&#061;&#061;<\/span> <span class=\"token string\">&#039;__main__&#039;<\/span><span class=\"token punctuation\">:<\/span><br \/>\n    <span class=\"token keyword\">print<\/span><span class=\"token punctuation\">(<\/span>llm<span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;\u4f60\u597d&#xff0c;\u4ecb\u7ecd\u4e00\u4e0b\u4f60\u81ea\u5df1&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><\/p>\n<p>\u8fd0\u884c\u8f93\u51fa&#xff1a;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/04\/20250418100725-6802245d46543.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<p>\u6d41\u5f0f\u8f93\u51fa\u793a\u4f8b&#xff1a;<\/p>\n<p><span class=\"token keyword\">from<\/span> openai <span class=\"token keyword\">import<\/span> OpenAI<\/p>\n<p>model <span class=\"token operator\">&#061;<\/span> <span class=\"token string\">&#034;google\/gemma-7b-it:free&#034;<\/span><br \/>\ndefault_prompt <span class=\"token operator\">&#061;<\/span> <span class=\"token string\">&#034;You are an AI assistant that helps people find information.&#034;<\/span><br \/>\nclient <span class=\"token operator\">&#061;<\/span> OpenAI<span class=\"token punctuation\">(<\/span><br \/>\n    base_url<span class=\"token operator\">&#061;<\/span><span class=\"token string\">&#034;https:\/\/openrouter.ai\/api\/v1&#034;<\/span><span class=\"token punctuation\">,<\/span><br \/>\n    api_key<span class=\"token operator\">&#061;<\/span><span class=\"token string\">&#034;\u4f60\u7684api_key&#034;<\/span><span class=\"token punctuation\">,<\/span><br \/>\n<span class=\"token punctuation\">)<\/span><\/p>\n<p><span class=\"token keyword\">def<\/span> <span class=\"token function\">llm<\/span><span class=\"token punctuation\">(<\/span>user_prompt<span class=\"token punctuation\">,<\/span> system_prompt<span class=\"token operator\">&#061;<\/span>default_prompt<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">:<\/span><br \/>\n    messages <span class=\"token operator\">&#061;<\/span> <span class=\"token punctuation\">[<\/span><br \/>\n        <span class=\"token punctuation\">{<\/span><span class=\"token string\">&#034;role&#034;<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;system&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;content&#034;<\/span><span class=\"token punctuation\">:<\/span> system_prompt<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span><br \/>\n        <span class=\"token punctuation\">{<\/span><span class=\"token string\">&#034;role&#034;<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;user&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;content&#034;<\/span><span class=\"token punctuation\">:<\/span> user_prompt<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span><br \/>\n    <span class=\"token punctuation\">]<\/span><br \/>\n    completion <span class=\"token operator\">&#061;<\/span> client<span class=\"token punctuation\">.<\/span>chat<span class=\"token punctuation\">.<\/span>completions<span class=\"token punctuation\">.<\/span>create<span class=\"token punctuation\">(<\/span><br \/>\n        extra_headers<span class=\"token operator\">&#061;<\/span><span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token string\">&#034;HTTP-Referer&#034;<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;http:\/\/localhost:8088&#034;<\/span><span class=\"token punctuation\">,<\/span><br \/>\n            <span class=\"token string\">&#034;X-Title&#034;<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;test&#034;<\/span><span class=\"token punctuation\">,<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span><br \/>\n        model<span class=\"token operator\">&#061;<\/span>model<span class=\"token punctuation\">,<\/span><br \/>\n        messages<span class=\"token operator\">&#061;<\/span>messages<span class=\"token punctuation\">,<\/span><br \/>\n        max_tokens <span class=\"token operator\">&#061;<\/span> <span class=\"token number\">2048<\/span><span class=\"token punctuation\">,<\/span><br \/>\n        stream<span class=\"token operator\">&#061;<\/span><span class=\"token boolean\">True<\/span><br \/>\n    <span class=\"token punctuation\">)<\/span><br \/>\n    <span class=\"token keyword\">for<\/span> respose <span class=\"token keyword\">in<\/span> completion<span class=\"token punctuation\">:<\/span><br \/>\n        <span class=\"token keyword\">if<\/span> respose <span class=\"token keyword\">and<\/span> respose<span class=\"token punctuation\">.<\/span>choices <span class=\"token keyword\">and<\/span> <span class=\"token builtin\">len<\/span><span class=\"token punctuation\">(<\/span>respose<span class=\"token punctuation\">.<\/span>choices<span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&gt;<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">:<\/span><br \/>\n            msg <span class=\"token operator\">&#061;<\/span> respose<span class=\"token punctuation\">.<\/span>choices<span class=\"token punctuation\">[<\/span><span class=\"token number\">0<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">.<\/span>delta<span class=\"token punctuation\">.<\/span>content<br \/>\n            <span class=\"token keyword\">print<\/span><span class=\"token punctuation\">(<\/span>msg<span class=\"token punctuation\">,<\/span> end<span class=\"token operator\">&#061;<\/span><span class=\"token string\">&#039;&#039;<\/span><span class=\"token punctuation\">,<\/span> flush<span class=\"token operator\">&#061;<\/span><span class=\"token boolean\">True<\/span><span class=\"token punctuation\">)<\/span><\/p>\n<p><span class=\"token keyword\">if<\/span> __name__ <span class=\"token operator\">&#061;&#061;<\/span> <span class=\"token string\">&#039;__main__&#039;<\/span><span class=\"token punctuation\">:<\/span><br \/>\n    llm<span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;\u4f60\u597d&#xff0c;\u4ecb\u7ecd\u4e00\u4e0b\u4f60\u81ea\u5df1&#034;<\/span><span class=\"token punctuation\">)<\/span><\/p>\n<p>\u8fd0\u884c\u8f93\u51fa&#xff1a;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/04\/20250418100725-6802245d7175a.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<h3>\u4e09\u3001\u642d\u5efa\u5927\u6a21\u578b\u52a9\u624b<\/h3>\n<p>\u4e0a\u9762\u7b80\u5355\u8ba4\u8bc6\u4e86 OpenRouter \u7684\u80fd\u529b&#xff0c;\u4e0b\u9762\u57fa\u4e8e OpenRouter \u4e0a\u8c37\u6b4c\u7684 gemma-7b \u6a21\u578b\u642d\u5efa\u4e00\u4e2a\u81ea\u5df1\u7684\u5927\u6a21\u578b\u52a9\u624b&#xff0c;\u7b80\u5355\u7684\u6267\u884c\u8fc7\u7a0b\u5982\u4e0b\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/04\/20250418100725-6802245d8b549.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<p>\u5176\u4e2d\u540e\u7aef\u670d\u52a1\u4f7f\u7528 Python &#043; tornado \u5b9e\u73b0 Web \u670d\u52a1&#xff0c;\u524d\u7aef\u4f7f\u7528\u57fa\u7840\u7684 Html &#043; Jquery \u7684\u65b9\u5f0f\u3002<\/p>\n<h4>3.1 \u670d\u52a1\u7aef\u642d\u5efa<\/h4>\n<p>\u6240\u5c5e\u4f9d\u8d56\u7248\u672c\u5982\u4e0b&#xff1a;<\/p>\n<p><span class=\"token assign-left variable\">openai<\/span><span class=\"token operator\">&#061;&#061;<\/span><span class=\"token number\">0.27<\/span>.8<br \/>\n<span class=\"token assign-left variable\">tornado<\/span><span class=\"token operator\">&#061;&#061;<\/span><span class=\"token number\">6.3<\/span>.2<\/p>\n<p>\u6784\u5efa\u95ee\u7b54\u52a9\u624b\u63a5\u53e3 server.py &#xff1a;<\/p>\n<p>\u63a5\u53e3\u6211\u4eec\u63a5\u6536\u4e24\u4e2a\u53c2\u6570 questions \u548c history &#xff0c;\u5176\u4e2d history \u7531\u540e\u7aef\u7ef4\u62a4\u5e76\u8ffd\u52a0\u804a\u5929\u8bb0\u5f55&#xff0c;\u524d\u7aef\u53ea\u8d1f\u8d23\u4e34\u65f6\u5b58\u50a8&#xff0c;\u6bcf\u6b21\u8bf7\u6c42\u643a\u5e26\u4e0a\u4e00\u6b21\u8bf7\u6c42\u8fd4\u56de\u7684 history \u5373\u53ef&#xff0c;\u8c03\u7528 OpenRouter \u4f7f\u7528 OpenAI \u5e93\u7684\u65b9\u5f0f\u3002<\/p>\n<p>\u6574\u4f53\u5b9e\u73b0\u903b\u8f91\u5982\u4e0b&#xff1a;<\/p>\n<p><span class=\"token keyword\">from<\/span> tornado<span class=\"token punctuation\">.<\/span>concurrent <span class=\"token keyword\">import<\/span> run_on_executor<br \/>\n<span class=\"token keyword\">from<\/span> tornado<span class=\"token punctuation\">.<\/span>web <span class=\"token keyword\">import<\/span> RequestHandler<br \/>\n<span class=\"token keyword\">import<\/span> tornado<span class=\"token punctuation\">.<\/span>gen<br \/>\n<span class=\"token keyword\">from<\/span> openai <span class=\"token keyword\">import<\/span> OpenAI<br \/>\n<span class=\"token keyword\">import<\/span> json<\/p>\n<p><span class=\"token keyword\">class<\/span> <span class=\"token class-name\">Assistant<\/span><span class=\"token punctuation\">(<\/span>RequestHandler<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">:<\/span><br \/>\n    model <span class=\"token operator\">&#061;<\/span> <span class=\"token string\">&#034;google\/gemma-7b-it:free&#034;<\/span><br \/>\n    client <span class=\"token operator\">&#061;<\/span> OpenAI<span class=\"token punctuation\">(<\/span><br \/>\n        base_url<span class=\"token operator\">&#061;<\/span><span class=\"token string\">&#034;https:\/\/openrouter.ai\/api\/v1&#034;<\/span><span class=\"token punctuation\">,<\/span><br \/>\n        api_key<span class=\"token operator\">&#061;<\/span><span class=\"token string\">&#034;\u4f60\u7684api_key&#034;<\/span><span class=\"token punctuation\">,<\/span><br \/>\n    <span class=\"token punctuation\">)<\/span><br \/>\n    default_prompt <span class=\"token operator\">&#061;<\/span> <span class=\"token string\">&#034;You are an AI assistant that helps people find information.&#034;<\/span><\/p>\n<p>    <span class=\"token keyword\">def<\/span> <span class=\"token function\">prepare<\/span><span class=\"token punctuation\">(<\/span>self<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">:<\/span><br \/>\n        self<span class=\"token punctuation\">.<\/span>executor <span class=\"token operator\">&#061;<\/span> self<span class=\"token punctuation\">.<\/span>application<span class=\"token punctuation\">.<\/span>pool<\/p>\n<p>    <span class=\"token keyword\">def<\/span> <span class=\"token function\">set_default_headers<\/span><span class=\"token punctuation\">(<\/span>self<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">:<\/span><br \/>\n        self<span class=\"token punctuation\">.<\/span>set_header<span class=\"token punctuation\">(<\/span><span class=\"token string\">&#039;Access-Control-Allow-Origin&#039;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;*&#034;<\/span><span class=\"token punctuation\">)<\/span><br \/>\n        self<span class=\"token punctuation\">.<\/span>set_header<span class=\"token punctuation\">(<\/span><span class=\"token string\">&#039;Access-Control-Allow-Headers&#039;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;Origin, X-Requested-With, Content-Type, Accept&#034;<\/span><span class=\"token punctuation\">)<\/span><br \/>\n        self<span class=\"token punctuation\">.<\/span>set_header<span class=\"token punctuation\">(<\/span><span class=\"token string\">&#039;Access-Control-Allow-Methods&#039;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;GET, POST, PUT, DELETE, OPTIONS&#034;<\/span><span class=\"token punctuation\">)<\/span><\/p>\n<p>    <span class=\"token decorator annotation punctuation\">&#064;tornado<span class=\"token punctuation\">.<\/span>gen<span class=\"token punctuation\">.<\/span>coroutine<\/span><br \/>\n    <span class=\"token keyword\">def<\/span> <span class=\"token function\">post<\/span><span class=\"token punctuation\">(<\/span>self<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">:<\/span><br \/>\n        json_data <span class=\"token operator\">&#061;<\/span> json<span class=\"token punctuation\">.<\/span>loads<span class=\"token punctuation\">(<\/span>self<span class=\"token punctuation\">.<\/span>request<span class=\"token punctuation\">.<\/span>body<span class=\"token punctuation\">)<\/span><br \/>\n        <span class=\"token keyword\">if<\/span> <span class=\"token string\">&#039;questions&#039;<\/span> <span class=\"token keyword\">not<\/span> <span class=\"token keyword\">in<\/span> json_data <span class=\"token keyword\">or<\/span> <span class=\"token string\">&#039;history&#039;<\/span> <span class=\"token keyword\">not<\/span> <span class=\"token keyword\">in<\/span> json_data<span class=\"token punctuation\">:<\/span><br \/>\n            self<span class=\"token punctuation\">.<\/span>write<span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span><br \/>\n                <span class=\"token string\">&#034;code&#034;<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token number\">400<\/span><span class=\"token punctuation\">,<\/span><br \/>\n                <span class=\"token string\">&#034;message&#034;<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;\u7f3a\u5c11\u5fc5\u586b\u53c2\u6570&#034;<\/span><br \/>\n            <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><br \/>\n            <span class=\"token keyword\">return<\/span><br \/>\n        questions <span class=\"token operator\">&#061;<\/span> json_data<span class=\"token punctuation\">[<\/span><span class=\"token string\">&#039;questions&#039;<\/span><span class=\"token punctuation\">]<\/span><br \/>\n        history <span class=\"token operator\">&#061;<\/span> json_data<span class=\"token punctuation\">[<\/span><span class=\"token string\">&#039;history&#039;<\/span><span class=\"token punctuation\">]<\/span><br \/>\n        result <span class=\"token operator\">&#061;<\/span> <span class=\"token keyword\">yield<\/span> self<span class=\"token punctuation\">.<\/span>do_handler<span class=\"token punctuation\">(<\/span>questions<span class=\"token punctuation\">,<\/span> history<span class=\"token punctuation\">)<\/span><br \/>\n        self<span class=\"token punctuation\">.<\/span>write<span class=\"token punctuation\">(<\/span>result<span class=\"token punctuation\">)<\/span><\/p>\n<p>    <span class=\"token decorator annotation punctuation\">&#064;run_on_executor<\/span><br \/>\n    <span class=\"token keyword\">def<\/span> <span class=\"token function\">do_handler<\/span><span class=\"token punctuation\">(<\/span>self<span class=\"token punctuation\">,<\/span> questions<span class=\"token punctuation\">,<\/span> history<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">:<\/span><br \/>\n        <span class=\"token keyword\">try<\/span><span class=\"token punctuation\">:<\/span><br \/>\n            answer<span class=\"token punctuation\">,<\/span> history <span class=\"token operator\">&#061;<\/span> self<span class=\"token punctuation\">.<\/span>llm<span class=\"token punctuation\">(<\/span>questions<span class=\"token punctuation\">,<\/span> history<span class=\"token punctuation\">)<\/span><br \/>\n            <span class=\"token keyword\">return<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n                <span class=\"token string\">&#034;code&#034;<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token number\">200<\/span><span class=\"token punctuation\">,<\/span><br \/>\n                <span class=\"token string\">&#034;message&#034;<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;success&#034;<\/span><span class=\"token punctuation\">,<\/span><br \/>\n                <span class=\"token string\">&#034;answer&#034;<\/span><span class=\"token punctuation\">:<\/span> answer<span class=\"token punctuation\">,<\/span><br \/>\n                <span class=\"token string\">&#034;history&#034;<\/span><span class=\"token punctuation\">:<\/span> history<br \/>\n            <span class=\"token punctuation\">}<\/span><br \/>\n        <span class=\"token keyword\">except<\/span> Exception <span class=\"token keyword\">as<\/span> e<span class=\"token punctuation\">:<\/span><br \/>\n            <span class=\"token keyword\">return<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n                <span class=\"token string\">&#034;code&#034;<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token number\">400<\/span><span class=\"token punctuation\">,<\/span><br \/>\n                <span class=\"token string\">&#034;message&#034;<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token builtin\">str<\/span><span class=\"token punctuation\">(<\/span>e<span class=\"token punctuation\">)<\/span><br \/>\n            <span class=\"token punctuation\">}<\/span><\/p>\n<p>    <span class=\"token keyword\">def<\/span> <span class=\"token function\">llm<\/span><span class=\"token punctuation\">(<\/span>self<span class=\"token punctuation\">,<\/span> user_prompt<span class=\"token punctuation\">,<\/span> messages<span class=\"token punctuation\">,<\/span> system_prompt<span class=\"token operator\">&#061;<\/span>default_prompt<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">:<\/span><br \/>\n        <span class=\"token keyword\">if<\/span> <span class=\"token keyword\">not<\/span> messages<span class=\"token punctuation\">:<\/span><br \/>\n            messages <span class=\"token operator\">&#061;<\/span> <span class=\"token punctuation\">[<\/span><span class=\"token punctuation\">]<\/span><br \/>\n        messages<span class=\"token punctuation\">.<\/span>append<span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span><span class=\"token string\">&#034;role&#034;<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;user&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;content&#034;<\/span><span class=\"token punctuation\">:<\/span> user_prompt<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><br \/>\n        completion <span class=\"token operator\">&#061;<\/span> self<span class=\"token punctuation\">.<\/span>client<span class=\"token punctuation\">.<\/span>chat<span class=\"token punctuation\">.<\/span>completions<span class=\"token punctuation\">.<\/span>create<span class=\"token punctuation\">(<\/span><br \/>\n            extra_headers<span class=\"token operator\">&#061;<\/span><span class=\"token punctuation\">{<\/span><br \/>\n                <span class=\"token string\">&#034;HTTP-Referer&#034;<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;http:\/\/localhost:8088&#034;<\/span><span class=\"token punctuation\">,<\/span><br \/>\n                <span class=\"token string\">&#034;X-Title&#034;<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;test&#034;<\/span><span class=\"token punctuation\">,<\/span><br \/>\n            <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span><br \/>\n            model<span class=\"token operator\">&#061;<\/span>self<span class=\"token punctuation\">.<\/span>model<span class=\"token punctuation\">,<\/span><br \/>\n            messages<span class=\"token operator\">&#061;<\/span>messages<span class=\"token punctuation\">,<\/span><br \/>\n            max_tokens<span class=\"token operator\">&#061;<\/span><span class=\"token number\">2048<\/span><br \/>\n        <span class=\"token punctuation\">)<\/span><br \/>\n        answer <span class=\"token operator\">&#061;<\/span> completion<span class=\"token punctuation\">.<\/span>choices<span class=\"token punctuation\">[<\/span><span class=\"token number\">0<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">.<\/span>message<span class=\"token punctuation\">.<\/span>content<br \/>\n        messages<span class=\"token punctuation\">.<\/span>append<span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span><span class=\"token string\">&#034;role&#034;<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;assistant&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;content&#034;<\/span><span class=\"token punctuation\">:<\/span> answer<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><br \/>\n        <span class=\"token keyword\">return<\/span> answer<span class=\"token punctuation\">,<\/span> messages<\/p>\n<p>\u8def\u7531\u914d\u7f6e&#xff0c;\u5e76\u542f\u52a8\u670d\u52a1 app.py &#xff1a;<\/p>\n<p><span class=\"token keyword\">import<\/span> tornado<span class=\"token punctuation\">.<\/span>web<br \/>\n<span class=\"token keyword\">import<\/span> tornado<span class=\"token punctuation\">.<\/span>ioloop<br \/>\n<span class=\"token keyword\">import<\/span> tornado<span class=\"token punctuation\">.<\/span>httpserver<br \/>\n<span class=\"token keyword\">import<\/span> os<br \/>\n<span class=\"token keyword\">from<\/span> concurrent<span class=\"token punctuation\">.<\/span>futures<span class=\"token punctuation\">.<\/span>thread <span class=\"token keyword\">import<\/span> ThreadPoolExecutor<br \/>\n<span class=\"token keyword\">from<\/span> server <span class=\"token keyword\">import<\/span> Assistant<\/p>\n<p><span class=\"token comment\">## \u914d\u7f6e<\/span><br \/>\n<span class=\"token keyword\">class<\/span> <span class=\"token class-name\">Config<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">:<\/span><br \/>\n    port <span class=\"token operator\">&#061;<\/span> <span class=\"token number\">8081<\/span><br \/>\n    base_path <span class=\"token operator\">&#061;<\/span> os<span class=\"token punctuation\">.<\/span>path<span class=\"token punctuation\">.<\/span>dirname<span class=\"token punctuation\">(<\/span>__file__<span class=\"token punctuation\">)<\/span><br \/>\n    settings <span class=\"token operator\">&#061;<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n        <span class=\"token comment\"># &#034;debug&#034;:True,<\/span><br \/>\n        <span class=\"token comment\"># &#034;autore load&#034;:True,<\/span><br \/>\n        <span class=\"token string\">&#034;static_path&#034;<\/span><span class=\"token punctuation\">:<\/span> os<span class=\"token punctuation\">.<\/span>path<span class=\"token punctuation\">.<\/span>join<span class=\"token punctuation\">(<\/span>base_path<span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;resources\/static&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">,<\/span><br \/>\n        <span class=\"token string\">&#034;template_path&#034;<\/span><span class=\"token punctuation\">:<\/span> os<span class=\"token punctuation\">.<\/span>path<span class=\"token punctuation\">.<\/span>join<span class=\"token punctuation\">(<\/span>base_path<span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;resources\/templates&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">,<\/span><br \/>\n        <span class=\"token string\">&#034;autoescape&#034;<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token boolean\">None<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span><\/p>\n<p><span class=\"token comment\"># \u8def\u7531<\/span><br \/>\n<span class=\"token keyword\">class<\/span> <span class=\"token class-name\">Application<\/span><span class=\"token punctuation\">(<\/span>tornado<span class=\"token punctuation\">.<\/span>web<span class=\"token punctuation\">.<\/span>Application<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">:<\/span><br \/>\n    <span class=\"token keyword\">def<\/span> <span class=\"token function\">__init__<\/span><span class=\"token punctuation\">(<\/span>self<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">:<\/span><br \/>\n        handlers <span class=\"token operator\">&#061;<\/span> <span class=\"token punctuation\">[<\/span><br \/>\n            <span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;\/assistant&#034;<\/span><span class=\"token punctuation\">,<\/span> Assistant<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">,<\/span><br \/>\n            <span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;\/(.*)$&#034;<\/span><span class=\"token punctuation\">,<\/span> tornado<span class=\"token punctuation\">.<\/span>web<span class=\"token punctuation\">.<\/span>StaticFileHandler<span class=\"token punctuation\">,<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n                <span class=\"token string\">&#034;path&#034;<\/span><span class=\"token punctuation\">:<\/span> os<span class=\"token punctuation\">.<\/span>path<span class=\"token punctuation\">.<\/span>join<span class=\"token punctuation\">(<\/span>Config<span class=\"token punctuation\">.<\/span>base_path<span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;resources\/static&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">,<\/span><br \/>\n                <span class=\"token string\">&#034;default_filename&#034;<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;index.html&#034;<\/span><br \/>\n            <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><br \/>\n        <span class=\"token punctuation\">]<\/span><br \/>\n        <span class=\"token builtin\">super<\/span><span class=\"token punctuation\">(<\/span>Application<span class=\"token punctuation\">,<\/span> self<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">.<\/span>__init__<span class=\"token punctuation\">(<\/span>handlers<span class=\"token punctuation\">,<\/span> <span class=\"token operator\">**<\/span>Config<span class=\"token punctuation\">.<\/span>settings<span class=\"token punctuation\">)<\/span><br \/>\n        self<span class=\"token punctuation\">.<\/span>pool <span class=\"token operator\">&#061;<\/span> ThreadPoolExecutor<span class=\"token punctuation\">(<\/span><span class=\"token number\">10<\/span><span class=\"token punctuation\">)<\/span><\/p>\n<p><span class=\"token keyword\">if<\/span> __name__ <span class=\"token operator\">&#061;&#061;<\/span> <span class=\"token string\">&#039;__main__&#039;<\/span><span class=\"token punctuation\">:<\/span><br \/>\n    app <span class=\"token operator\">&#061;<\/span> Application<span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><\/p>\n<p>    httpserver <span class=\"token operator\">&#061;<\/span> tornado<span class=\"token punctuation\">.<\/span>httpserver<span class=\"token punctuation\">.<\/span>HTTPServer<span class=\"token punctuation\">(<\/span>app<span class=\"token punctuation\">)<\/span><\/p>\n<p>    httpserver<span class=\"token punctuation\">.<\/span>listen<span class=\"token punctuation\">(<\/span>Config<span class=\"token punctuation\">.<\/span>port<span class=\"token punctuation\">)<\/span><\/p>\n<p>    <span class=\"token keyword\">print<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;start success&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;prot &#061; &#034;<\/span><span class=\"token punctuation\">,<\/span> Config<span class=\"token punctuation\">.<\/span>port<span class=\"token punctuation\">)<\/span><\/p>\n<p>    <span class=\"token keyword\">print<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;http:\/\/localhost:&#034;<\/span> <span class=\"token operator\">&#043;<\/span> <span class=\"token builtin\">str<\/span><span class=\"token punctuation\">(<\/span>Config<span class=\"token punctuation\">.<\/span>port<span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#043;<\/span> <span class=\"token string\">&#034;\/&#034;<\/span><span class=\"token punctuation\">)<\/span><\/p>\n<p>    tornado<span class=\"token punctuation\">.<\/span>ioloop<span class=\"token punctuation\">.<\/span>IOLoop<span class=\"token punctuation\">.<\/span>current<span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">.<\/span>start<span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/04\/20250418100725-6802245d9ad7f.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<p>\u4e0b\u9762\u53ef\u4ee5\u4f7f\u7528 Postman \u8fdb\u884c\u6d4b\u8bd5&#xff1a;<\/p>\n<p>\u8bf7\u6c42\u5185\u5bb9&#xff1a;<\/p>\n<p><span class=\"token punctuation\">{<\/span><br \/>\n<span class=\"token string-property property\">&#034;questions&#034;<\/span><span class=\"token operator\">:<\/span><span class=\"token string\">&#034;\u4f60\u597d&#xff0c;\u4ecb\u7ecd\u4e0b\u4f60\u81ea\u5df1&#034;<\/span><span class=\"token punctuation\">,<\/span><br \/>\n<span class=\"token string-property property\">&#034;history&#034;<\/span><span class=\"token operator\">:<\/span><span class=\"token punctuation\">[<\/span><span class=\"token punctuation\">]<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<p>\u8f93\u51fa\u793a\u4f8b&#xff1a; <img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/04\/20250418100725-6802245da7d26.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<p>\u4ece\u7ed3\u679c\u770b\u63a5\u53e3\u8bbf\u95ee\u6b63\u5e38&#xff0c;\u4e0b\u9762\u5f00\u59cb\u524d\u7aef\u7684\u642d\u5efa\u3002<\/p>\n<h4>3.2 \u524d\u7aef\u642d\u5efa<\/h4>\n<p>\u524d\u7aef\u9700\u8981\u6784\u5efa\u4e00\u4e2a\u95ee\u7b54\u804a\u5929\u754c\u9762&#xff0c;\u9700\u8981\u6ce8\u610f\u7684\u662f&#xff0c;\u6a21\u578b\u8fd4\u56de\u7684\u5185\u5bb9\u53ef\u80fd\u662f MD \u683c\u5f0f&#xff0c;\u524d\u7aef\u9700\u8981\u89e3\u6790\u6210html \u683c\u5f0f\u5c55\u793a&#xff0c;\u6574\u4f53\u5b9e\u73b0\u8fc7\u7a0b\u5982\u4e0b&#xff1a;<\/p>\n<p><span class=\"token doctype\"><span class=\"token punctuation\">&lt;!<\/span><span class=\"token doctype-tag\">DOCTYPE<\/span> <span class=\"token name\">html<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>html<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>head<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n    <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>meta<\/span> <span class=\"token attr-name\">charset<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">&#061;<\/span><span class=\"token punctuation\">&#034;<\/span>UTF-8<span class=\"token punctuation\">&#034;<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n    <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>title<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>AI \u804a\u5929\u5bf9\u8bdd<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>title<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n    <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>style<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token style\"><span class=\"token language-css\"><br \/>\n        <span class=\"token selector\">body<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token property\">font-family<\/span><span class=\"token punctuation\">:<\/span> Arial<span class=\"token punctuation\">,<\/span> sans-serif<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">margin<\/span><span class=\"token punctuation\">:<\/span> 0<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">padding<\/span><span class=\"token punctuation\">:<\/span> 0<span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token selector\">.container<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token property\">display<\/span><span class=\"token punctuation\">:<\/span> flex<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">height<\/span><span class=\"token punctuation\">:<\/span> 100vh<span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token selector\">.left-panel<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token property\">flex<\/span><span class=\"token punctuation\">:<\/span> 15%<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">background-color<\/span><span class=\"token punctuation\">:<\/span> #f2f2f2<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">padding<\/span><span class=\"token punctuation\">:<\/span> 10px<span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token selector\">.right-panel<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token property\">flex<\/span><span class=\"token punctuation\">:<\/span> 85%<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">background-color<\/span><span class=\"token punctuation\">:<\/span> #ffffff<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">display<\/span><span class=\"token punctuation\">:<\/span> flex<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">flex-direction<\/span><span class=\"token punctuation\">:<\/span> column<span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token selector\">.chat-log<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token property\">flex<\/span><span class=\"token punctuation\">:<\/span> 1<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">overflow-y<\/span><span class=\"token punctuation\">:<\/span> auto<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">padding<\/span><span class=\"token punctuation\">:<\/span> 20px<span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token selector\">.chat-bubble<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token property\">display<\/span><span class=\"token punctuation\">:<\/span> flex<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">align-items<\/span><span class=\"token punctuation\">:<\/span> center<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">margin-bottom<\/span><span class=\"token punctuation\">:<\/span> 10px<span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token selector\">.user-bubble<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token property\">justify-content<\/span><span class=\"token punctuation\">:<\/span> flex-end<span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token selector\">.bubble-content<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token property\">padding<\/span><span class=\"token punctuation\">:<\/span> 10px 15px<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">border-radius<\/span><span class=\"token punctuation\">:<\/span> 20px<span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token selector\">.user-bubble .bubble-content<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token property\">background-color<\/span><span class=\"token punctuation\">:<\/span> #d6eaff<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">color<\/span><span class=\"token punctuation\">:<\/span> #000000<span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token selector\">.ai-bubble .bubble-content<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token property\">background-color<\/span><span class=\"token punctuation\">:<\/span> #e5ece7<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">color<\/span><span class=\"token punctuation\">:<\/span> #000<span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token selector\">.input-area<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token property\">display<\/span><span class=\"token punctuation\">:<\/span> flex<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">align-items<\/span><span class=\"token punctuation\">:<\/span> center<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">padding<\/span><span class=\"token punctuation\">:<\/span> 20px<span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token selector\">.input-text<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token property\">flex<\/span><span class=\"token punctuation\">:<\/span> 1<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">padding<\/span><span class=\"token punctuation\">:<\/span> 10px<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">margin-right<\/span><span class=\"token punctuation\">:<\/span> 10px<span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token selector\">.submit-button<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token property\">padding<\/span><span class=\"token punctuation\">:<\/span> 10px 20px<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">background-color<\/span><span class=\"token punctuation\">:<\/span> #2196f3<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">color<\/span><span class=\"token punctuation\">:<\/span> #ffffff<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">border<\/span><span class=\"token punctuation\">:<\/span> none<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">cursor<\/span><span class=\"token punctuation\">:<\/span> pointer<span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token selector\">li<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token property\">margin-top<\/span><span class=\"token punctuation\">:<\/span> 10px<span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token selector\">a<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token property\">text-decoration<\/span><span class=\"token punctuation\">:<\/span> none<span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token selector\">table<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token property\">border<\/span><span class=\"token punctuation\">:<\/span> 1px solid #000<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">border-collapse<\/span><span class=\"token punctuation\">:<\/span> collapse<span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token selector\">table td, table th<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token property\">border<\/span><span class=\"token punctuation\">:<\/span> 1px solid #000<span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token selector\">table td, table th<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token property\">padding<\/span><span class=\"token punctuation\">:<\/span> 10px<span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token selector\">.language-sql<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token property\">width<\/span><span class=\"token punctuation\">:<\/span> 95%<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">background-color<\/span><span class=\"token punctuation\">:<\/span> #F6F6F6<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">padding<\/span><span class=\"token punctuation\">:<\/span> 10px<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">font-weight<\/span><span class=\"token punctuation\">:<\/span> bold<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">border-radius<\/span><span class=\"token punctuation\">:<\/span> 5px<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">word-wrap<\/span><span class=\"token punctuation\">:<\/span> break-word<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">white-space<\/span><span class=\"token punctuation\">:<\/span> pre-line<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token comment\">\/* overflow-wrap: break-word; *\/<\/span><br \/>\n            <span class=\"token property\">display<\/span><span class=\"token punctuation\">:<\/span> block<span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>        <span class=\"token selector\">select<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token property\">width<\/span><span class=\"token punctuation\">:<\/span> 100%<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">height<\/span><span class=\"token punctuation\">:<\/span> 30px<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">border<\/span><span class=\"token punctuation\">:<\/span> 2px solid #6089a4<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">font-size<\/span><span class=\"token punctuation\">:<\/span> 15px<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">margin-top<\/span><span class=\"token punctuation\">:<\/span> 5px<span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><br \/>\n        <span class=\"token selector\">.recommendation<\/span><span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token property\">color<\/span><span class=\"token punctuation\">:<\/span> #1c4cf3<span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token property\">margin-top<\/span><span class=\"token punctuation\">:<\/span> 10px<span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><\/p>\n<p>    <\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>style<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>head<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>body<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">&#061;<\/span><span class=\"token punctuation\">&#034;<\/span>container<span class=\"token punctuation\">&#034;<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n    <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">&#061;<\/span><span class=\"token punctuation\">&#034;<\/span>left-panel<span class=\"token punctuation\">&#034;<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n        <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>h2<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\u667a\u80fd\u95ee\u7b54\u52a9\u624b<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>h2<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n        <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>h3<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\u5e38\u7528\u95ee\u9898<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>h3<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n        <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">&#061;<\/span><span class=\"token punctuation\">&#034;<\/span>recommendation<span class=\"token punctuation\">&#034;<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\u5e2e\u6211\u5199\u4e00\u4e2aJava\u5feb\u901f\u6392\u5e8f<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n        <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">&#061;<\/span><span class=\"token punctuation\">&#034;<\/span>recommendation<span class=\"token punctuation\">&#034;<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>Java 8\u6709\u4ec0\u4e48\u65b0\u7279\u6027<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n        <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">&#061;<\/span><span class=\"token punctuation\">&#034;<\/span>recommendation<span class=\"token punctuation\">&#034;<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>JVM\u4f18\u5316\u5efa\u8bae<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n        <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">&#061;<\/span><span class=\"token punctuation\">&#034;<\/span>recommendation<span class=\"token punctuation\">&#034;<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\u5185\u5b58\u5360\u7528\u9ad8,\u5982\u4f55\u4f18\u5316<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n        <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">&#061;<\/span><span class=\"token punctuation\">&#034;<\/span>recommendation<span class=\"token punctuation\">&#034;<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>MySQL\u4f18\u5316\u5efa\u8bae<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n        <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">&#061;<\/span><span class=\"token punctuation\">&#034;<\/span>recommendation<span class=\"token punctuation\">&#034;<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>MySQL\u5982\u4f55\u67e5\u770b\u6267\u884c\u8ba1\u5212<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n    <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n    <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">&#061;<\/span><span class=\"token punctuation\">&#034;<\/span>right-panel<span class=\"token punctuation\">&#034;<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n        <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">&#061;<\/span><span class=\"token punctuation\">&#034;<\/span>chat-log<span class=\"token punctuation\">&#034;<\/span><\/span> <span class=\"token attr-name\">id<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">&#061;<\/span><span class=\"token punctuation\">&#034;<\/span>chat-log<span class=\"token punctuation\">&#034;<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><\/p>\n<p>        <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n        <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">&#061;<\/span><span class=\"token punctuation\">&#034;<\/span>input-area<span class=\"token punctuation\">&#034;<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n            <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>input<\/span> <span class=\"token attr-name\">type<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">&#061;<\/span><span class=\"token punctuation\">&#034;<\/span>text<span class=\"token punctuation\">&#034;<\/span><\/span> <span class=\"token attr-name\">id<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">&#061;<\/span><span class=\"token punctuation\">&#034;<\/span>user-input<span class=\"token punctuation\">&#034;<\/span><\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">&#061;<\/span><span class=\"token punctuation\">&#034;<\/span>input-text<span class=\"token punctuation\">&#034;<\/span><\/span> <span class=\"token attr-name\">placeholder<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">&#061;<\/span><span class=\"token punctuation\">&#034;<\/span>\u8bf7\u8f93\u5165\u60a8\u7684\u95ee\u9898,\u56de\u8f66\u6216\u70b9\u51fb\u53d1\u9001\u786e\u5b9a\u3002<span class=\"token punctuation\">&#034;<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n            <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>button<\/span> <span class=\"token attr-name\">id<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">&#061;<\/span><span class=\"token punctuation\">&#034;<\/span>submit<span class=\"token punctuation\">&#034;<\/span><\/span> <span class=\"token special-attr\"><span class=\"token attr-name\">style<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">&#061;<\/span><span class=\"token punctuation\">&#034;<\/span><span class=\"token value css language-css\"><span class=\"token property\">margin-left<\/span><span class=\"token punctuation\">:<\/span> 10px<span class=\"token punctuation\">;<\/span><span class=\"token property\">width<\/span><span class=\"token punctuation\">:<\/span> 100px<\/span><span class=\"token punctuation\">&#034;<\/span><\/span><\/span> <span class=\"token special-attr\"><span class=\"token attr-name\">onclick<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">&#061;<\/span><span class=\"token punctuation\">&#034;<\/span><span class=\"token value javascript language-javascript\"><span class=\"token function\">sendMessage<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><\/span><span class=\"token punctuation\">&#034;<\/span><\/span><\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">&#061;<\/span><span class=\"token punctuation\">&#034;<\/span>submit-button<span class=\"token punctuation\">&#034;<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n                \u53d1\u9001<br \/>\n            <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>button<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n            <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>button<\/span> <span class=\"token special-attr\"><span class=\"token attr-name\">style<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">&#061;<\/span><span class=\"token punctuation\">&#034;<\/span><span class=\"token value css language-css\"><span class=\"token property\">margin-left<\/span><span class=\"token punctuation\">:<\/span> 20px<span class=\"token punctuation\">;<\/span><span class=\"token property\">width<\/span><span class=\"token punctuation\">:<\/span> 100px<span class=\"token punctuation\">;<\/span><span class=\"token property\">background-color<\/span><span class=\"token punctuation\">:<\/span> red<\/span><span class=\"token punctuation\">&#034;<\/span><\/span><\/span> <span class=\"token special-attr\"><span class=\"token attr-name\">onclick<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">&#061;<\/span><span class=\"token punctuation\">&#034;<\/span><span class=\"token value javascript language-javascript\"><span class=\"token function\">clearChat<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><\/span><span class=\"token punctuation\">&#034;<\/span><\/span><\/span><br \/>\n                    <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">&#061;<\/span><span class=\"token punctuation\">&#034;<\/span>submit-button<span class=\"token punctuation\">&#034;<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\u6e05\u9664\u8bb0\u5f55<br \/>\n            <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>button<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n        <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n    <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>script<\/span> <span class=\"token attr-name\">type<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">&#061;<\/span><span class=\"token punctuation\">&#034;<\/span>text\/javascript<span class=\"token punctuation\">&#034;<\/span><\/span> <span class=\"token attr-name\">src<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">&#061;<\/span><span class=\"token punctuation\">&#034;<\/span>http:\/\/code.jquery.com\/jquery-3.7.0.min.js<span class=\"token punctuation\">&#034;<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token script\"><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>script<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>script<\/span> <span class=\"token attr-name\">src<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">&#061;<\/span><span class=\"token punctuation\">&#034;<\/span>https:\/\/cdn.jsdelivr.net\/npm\/marked\/marked.min.js<span class=\"token punctuation\">&#034;<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token script\"><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>script<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>script<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token script\"><span class=\"token language-javascript\"><br \/>\n    <span class=\"token comment\">\/\/ \u804a\u5929\u5386\u53f2\u8bb0\u5f55<\/span><br \/>\n    <span class=\"token keyword\">var<\/span> messageHistory <span class=\"token operator\">&#061;<\/span> <span class=\"token punctuation\">[<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p>    <span class=\"token comment\">\/\/ \u6dfb\u52a0AI\u4fe1\u606f<\/span><br \/>\n    <span class=\"token keyword\">function<\/span> <span class=\"token function\">addAIMessage<\/span><span class=\"token punctuation\">(<\/span><span class=\"token parameter\">message<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n        <span class=\"token function\">$<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;#chat-log&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">append<\/span><span class=\"token punctuation\">(<\/span><br \/>\n            <span class=\"token string\">&#034;&lt;div class&#061;\\\\&#034;chat-bubble ai-bubble\\\\&#034;&gt;\\\\n&#034;<\/span> <span class=\"token operator\">&#043;<\/span><br \/>\n            <span class=\"token string\">&#034;    &lt;div class&#061;\\\\&#034;bubble-content\\\\&#034;&gt;&#034;<\/span> <span class=\"token operator\">&#043;<\/span> message <span class=\"token operator\">&#043;<\/span> <span class=\"token string\">&#034;&lt;\/div&gt;\\\\n&#034;<\/span> <span class=\"token operator\">&#043;<\/span><br \/>\n            <span class=\"token string\">&#034;&lt;\/div&gt;&#034;<\/span><br \/>\n        <span class=\"token punctuation\">)<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span><\/p>\n<p>    <span class=\"token comment\">\/\/ \u6dfb\u52a0\u4eba\u7c7b\u4fe1\u606f<\/span><br \/>\n    <span class=\"token keyword\">function<\/span> <span class=\"token function\">addUserMessage<\/span><span class=\"token punctuation\">(<\/span><span class=\"token parameter\">message<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n        <span class=\"token function\">$<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;#chat-log&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">append<\/span><span class=\"token punctuation\">(<\/span><br \/>\n            <span class=\"token string\">&#034;&lt;div class&#061;\\\\&#034;chat-bubble user-bubble\\\\&#034;&gt;\\\\n&#034;<\/span> <span class=\"token operator\">&#043;<\/span><br \/>\n            <span class=\"token string\">&#034;    &lt;div class&#061;\\\\&#034;bubble-content\\\\&#034;&gt;&#034;<\/span> <span class=\"token operator\">&#043;<\/span> message <span class=\"token operator\">&#043;<\/span> <span class=\"token string\">&#034;&lt;\/div&gt;\\\\n&#034;<\/span> <span class=\"token operator\">&#043;<\/span><br \/>\n            <span class=\"token string\">&#034;&lt;\/div&gt;&#034;<\/span><br \/>\n        <span class=\"token punctuation\">)<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span><\/p>\n<p>    <span class=\"token comment\">\/\/ \u6ed1\u52a8\u5230\u5e95\u90e8<\/span><br \/>\n    <span class=\"token keyword\">function<\/span> <span class=\"token function\">slideBottom<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n        <span class=\"token keyword\">let<\/span> chatlog <span class=\"token operator\">&#061;<\/span> document<span class=\"token punctuation\">.<\/span><span class=\"token function\">getElementById<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;chat-log&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        chatlog<span class=\"token punctuation\">.<\/span>scrollTop <span class=\"token operator\">&#061;<\/span> chatlog<span class=\"token punctuation\">.<\/span>scrollHeight<span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span><\/p>\n<p>    <span class=\"token comment\">\/\/ \u8c03\u7528api<\/span><br \/>\n    <span class=\"token keyword\">function<\/span> <span class=\"token function\">chatApi<\/span><span class=\"token punctuation\">(<\/span><span class=\"token parameter\">message<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n        <span class=\"token function\">slideBottom<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        data <span class=\"token operator\">&#061;<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token literal-property property\">questions<\/span><span class=\"token operator\">:<\/span> message<span class=\"token punctuation\">,<\/span><br \/>\n            <span class=\"token literal-property property\">history<\/span><span class=\"token operator\">:<\/span> messageHistory<br \/>\n        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        $<span class=\"token punctuation\">.<\/span><span class=\"token function\">ajax<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token literal-property property\">url<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;http:\/\/127.0.0.1:8081\/assistant&#034;<\/span><span class=\"token punctuation\">,<\/span><br \/>\n            <span class=\"token literal-property property\">type<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;POST&#034;<\/span><span class=\"token punctuation\">,<\/span><br \/>\n            <span class=\"token literal-property property\">contentType<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;application\/json&#034;<\/span><span class=\"token punctuation\">,<\/span><br \/>\n            <span class=\"token literal-property property\">dataType<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;json&#034;<\/span><span class=\"token punctuation\">,<\/span><br \/>\n            <span class=\"token literal-property property\">data<\/span><span class=\"token operator\">:<\/span> <span class=\"token constant\">JSON<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">stringify<\/span><span class=\"token punctuation\">(<\/span>data<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">,<\/span><br \/>\n            <span class=\"token function-variable function\">success<\/span><span class=\"token operator\">:<\/span> <span class=\"token keyword\">function<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token parameter\">res<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n                <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>res<span class=\"token punctuation\">.<\/span>code <span class=\"token operator\">&#061;&#061;&#061;<\/span> <span class=\"token number\">200<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n                    <span class=\"token keyword\">let<\/span> answer <span class=\"token operator\">&#061;<\/span> res<span class=\"token punctuation\">.<\/span>answer<span class=\"token punctuation\">;<\/span><br \/>\n                    answer <span class=\"token operator\">&#061;<\/span> marked<span class=\"token punctuation\">.<\/span><span class=\"token function\">parse<\/span><span class=\"token punctuation\">(<\/span>answer<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n                    <span class=\"token function\">addAIMessage<\/span><span class=\"token punctuation\">(<\/span>answer<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n                    messageHistory <span class=\"token operator\">&#061;<\/span> res<span class=\"token punctuation\">.<\/span>history<span class=\"token punctuation\">;<\/span><br \/>\n                <span class=\"token punctuation\">}<\/span> <span class=\"token keyword\">else<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n                    <span class=\"token function\">addAIMessage<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;\u670d\u52a1\u63a5\u53e3\u8c03\u7528\u9519\u8bef\u3002&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n                <span class=\"token punctuation\">}<\/span><br \/>\n            <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span><br \/>\n            <span class=\"token function-variable function\">error<\/span><span class=\"token operator\">:<\/span> <span class=\"token keyword\">function<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token parameter\">e<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n                <span class=\"token function\">addAIMessage<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;\u670d\u52a1\u63a5\u53e3\u8c03\u7528\u5f02\u5e38\u3002&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token punctuation\">}<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span><\/p>\n<p>    <span class=\"token comment\">\/\/ \u53d1\u9001\u6d88\u606f<\/span><br \/>\n    <span class=\"token keyword\">function<\/span> <span class=\"token function\">sendMessage<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n        <span class=\"token keyword\">let<\/span> userInput <span class=\"token operator\">&#061;<\/span> <span class=\"token function\">$<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#039;#user-input&#039;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token keyword\">let<\/span> userMessage <span class=\"token operator\">&#061;<\/span> userInput<span class=\"token punctuation\">.<\/span><span class=\"token function\">val<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>userMessage<span class=\"token punctuation\">.<\/span><span class=\"token function\">trim<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#061;&#061;&#061;<\/span> <span class=\"token string\">&#039;&#039;<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token keyword\">return<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><br \/>\n        userInput<span class=\"token punctuation\">.<\/span><span class=\"token function\">val<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token function\">addUserMessage<\/span><span class=\"token punctuation\">(<\/span>userMessage<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token function\">chatApi<\/span><span class=\"token punctuation\">(<\/span>userMessage<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span><\/p>\n<p>    <span class=\"token comment\">\/\/ \u6e05\u7a7a\u804a\u5929\u8bb0\u5f55<\/span><br \/>\n    <span class=\"token keyword\">function<\/span> <span class=\"token function\">clearChat<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n        <span class=\"token function\">$<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;#chat-log&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">empty<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        messageHistory <span class=\"token operator\">&#061;<\/span> <span class=\"token punctuation\">[<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token function\">addAIMessage<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;\u4f60\u597d&#xff0c;\u8bf7\u8f93\u5165\u4f60\u60f3\u95ee\u7684\u95ee\u9898\u3002&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span><\/p>\n<p>    <span class=\"token comment\">\/\/ \u521d\u59cb\u5316<\/span><br \/>\n    <span class=\"token keyword\">function<\/span> <span class=\"token function\">init<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n        <span class=\"token function\">addAIMessage<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;\u4f60\u597d&#xff0c;\u8bf7\u8f93\u5165\u4f60\u60f3\u95ee\u7684\u95ee\u9898\u3002&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token keyword\">var<\/span> submit <span class=\"token operator\">&#061;<\/span> <span class=\"token function\">$<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;#submit&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token keyword\">var<\/span> userInput <span class=\"token operator\">&#061;<\/span> <span class=\"token function\">$<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;#user-input&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token keyword\">var<\/span> focus <span class=\"token operator\">&#061;<\/span> <span class=\"token boolean\">false<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token comment\">\/\/ \u76d1\u542c\u8f93\u5165\u6846\u7126\u70b9<\/span><br \/>\n        userInput<span class=\"token punctuation\">.<\/span><span class=\"token function\">focus<\/span><span class=\"token punctuation\">(<\/span><span class=\"token keyword\">function<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            focus <span class=\"token operator\">&#061;<\/span> <span class=\"token boolean\">true<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">blur<\/span><span class=\"token punctuation\">(<\/span><span class=\"token keyword\">function<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            focus <span class=\"token operator\">&#061;<\/span> <span class=\"token boolean\">false<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token comment\">\/\/ \u56de\u8f66\u76d1\u542c\u4e8b\u4ef6<\/span><br \/>\n        document<span class=\"token punctuation\">.<\/span><span class=\"token function\">addEventListener<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;keydown&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token keyword\">function<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token parameter\">event<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>event<span class=\"token punctuation\">.<\/span>keyCode <span class=\"token operator\">&#061;&#061;&#061;<\/span> <span class=\"token number\">13<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n                console<span class=\"token punctuation\">.<\/span><span class=\"token function\">log<\/span><span class=\"token punctuation\">(<\/span>focus<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n                <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>focus<span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n                    submit<span class=\"token punctuation\">.<\/span><span class=\"token function\">click<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n                <span class=\"token punctuation\">}<\/span><br \/>\n            <span class=\"token punctuation\">}<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span><br \/>\n    <span class=\"token function\">init<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>script<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>body<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><br \/>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>html<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><\/p>\n<p>\u8fd0\u884c\u6548\u679c&#xff1a;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/04\/20250418100722-6802245a3e38d.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/> <img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/04\/20250418100722-6802245ad2761.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/04\/20250418100723-6802245b739fe.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<p>\u5230\u6b64&#xff0c;\u6211\u4eec\u81ea\u5df1\u7684\u5927\u6a21\u578b\u52a9\u624b\u5c31\u57fa\u672c\u505a\u597d\u4e86&#xff01;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6587\u7ae0\u6d4f\u89c8\u9605\u8bfb2.2w\u6b21\uff0c\u70b9\u8d5e50\u6b21\uff0c\u6536\u85cf89\u6b21\u3002\u5927\u578b\u6a21\u578b\u7684\u51fa\u73b0\u4e3a\u8bb8\u591a\u9886\u57df\u5e26\u6765\u4e86\u9769\u547d\u6027\u7684\u53d8\u5316\uff0c\u4ece\u81ea\u7136\u8bed\u8a00\u5904\u7406\u5230\u8ba1\u7b97\u673a\u89c6\u89c9\uff0c\u751a\u81f3\u662f\u533b\u5b66\u548c\u91d1\u878d\u9886\u57df\u3002\u7136\u800c\uff0c\u5bf9\u4e8e\u8bb8\u591a\u5f00\u53d1\u8005\u6765\u8bf4\uff0c\u5927\u591a\u6570\u60c5\u51b5\u4e0b\uff0c\u4f7f\u7528\u8fd9\u4e9b\u6a21\u578b\u9700\u8981\u62e5\u6709\u4e00\u53f0\u914d\u5907\u9ad8\u6027\u80fdGPU\u7684\u670d\u52a1\u5668\uff0c\u800c\u8fd9\u5f80\u5f80\u662f\u4e00\u9879\u6602\u8d35\u7684\u6295\u8d44\u3002\u800c OpenRouter \u4e3a\u4f7f\u7528\u8005\u63d0\u4f9b\u4e86\u90e8\u5206\u5f00\u6e90\u6a21\u578b\u7684\u5b9e\u73b0\uff0c\u53ef\u4ee5\u901a\u8fc7API\u514d\u8d39\u4f7f\u7528\uff0c\u4e3b\u8981\u805a\u7126\u57287B\u89c4\u6a21\u5927\u5c0f\u7684\u6a21\u578b\uff0c\u6bd4\u5982\u8c37\u6b4c\u7684 gemma-7b \uff0cMistral AI \u7684 mistral-7b-instruct\uff0c\u4e00\u5b9a\u7a0b\u5ea6\u907f\u514d\u4e86\u81ea\u5df1\u53bb\u90e8\u7f72\u5927\u6a21\u578b\u7684\u6210\u672c\u3002_openrouter<\/p>\n","protected":false},"author":2,"featured_media":10608,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[43,465,44],"topic":[],"class_list":["post-10622","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-server","tag-43","tag--amp-","tag-44"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u65e0\u9700 GPU \u670d\u52a1\u5668\uff0c\u501f\u52a9 OpenRouter \u96f6\u6210\u672c\u642d\u5efa\u81ea\u5df1\u7684\u5927\u6a21\u578b\u52a9\u624b - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wsisp.com\/helps\/10622.html\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u65e0\u9700 GPU \u670d\u52a1\u5668\uff0c\u501f\u52a9 OpenRouter \u96f6\u6210\u672c\u642d\u5efa\u81ea\u5df1\u7684\u5927\u6a21\u578b\u52a9\u624b - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"og:description\" content=\"\u6587\u7ae0\u6d4f\u89c8\u9605\u8bfb2.2w\u6b21\uff0c\u70b9\u8d5e50\u6b21\uff0c\u6536\u85cf89\u6b21\u3002\u5927\u578b\u6a21\u578b\u7684\u51fa\u73b0\u4e3a\u8bb8\u591a\u9886\u57df\u5e26\u6765\u4e86\u9769\u547d\u6027\u7684\u53d8\u5316\uff0c\u4ece\u81ea\u7136\u8bed\u8a00\u5904\u7406\u5230\u8ba1\u7b97\u673a\u89c6\u89c9\uff0c\u751a\u81f3\u662f\u533b\u5b66\u548c\u91d1\u878d\u9886\u57df\u3002\u7136\u800c\uff0c\u5bf9\u4e8e\u8bb8\u591a\u5f00\u53d1\u8005\u6765\u8bf4\uff0c\u5927\u591a\u6570\u60c5\u51b5\u4e0b\uff0c\u4f7f\u7528\u8fd9\u4e9b\u6a21\u578b\u9700\u8981\u62e5\u6709\u4e00\u53f0\u914d\u5907\u9ad8\u6027\u80fdGPU\u7684\u670d\u52a1\u5668\uff0c\u800c\u8fd9\u5f80\u5f80\u662f\u4e00\u9879\u6602\u8d35\u7684\u6295\u8d44\u3002\u800c OpenRouter \u4e3a\u4f7f\u7528\u8005\u63d0\u4f9b\u4e86\u90e8\u5206\u5f00\u6e90\u6a21\u578b\u7684\u5b9e\u73b0\uff0c\u53ef\u4ee5\u901a\u8fc7API\u514d\u8d39\u4f7f\u7528\uff0c\u4e3b\u8981\u805a\u7126\u57287B\u89c4\u6a21\u5927\u5c0f\u7684\u6a21\u578b\uff0c\u6bd4\u5982\u8c37\u6b4c\u7684 gemma-7b \uff0cMistral AI \u7684 mistral-7b-instruct\uff0c\u4e00\u5b9a\u7a0b\u5ea6\u907f\u514d\u4e86\u81ea\u5df1\u53bb\u90e8\u7f72\u5927\u6a21\u578b\u7684\u6210\u672c\u3002_openrouter\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wsisp.com\/helps\/10622.html\" \/>\n<meta property=\"og:site_name\" content=\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"article:published_time\" content=\"2025-04-18T10:07:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/04\/20250418100722-6802245a3e38d.png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/10622.html\",\"url\":\"https:\/\/www.wsisp.com\/helps\/10622.html\",\"name\":\"\u65e0\u9700 GPU \u670d\u52a1\u5668\uff0c\u501f\u52a9 OpenRouter \u96f6\u6210\u672c\u642d\u5efa\u81ea\u5df1\u7684\u5927\u6a21\u578b\u52a9\u624b - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"isPartOf\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\"},\"datePublished\":\"2025-04-18T10:07:27+00:00\",\"dateModified\":\"2025-04-18T10:07:27+00:00\",\"author\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/10622.html#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wsisp.com\/helps\/10622.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/10622.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.wsisp.com\/helps\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u65e0\u9700 GPU \u670d\u52a1\u5668\uff0c\u501f\u52a9 OpenRouter \u96f6\u6210\u672c\u642d\u5efa\u81ea\u5df1\u7684\u5927\u6a21\u578b\u52a9\u624b\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\",\"url\":\"https:\/\/www.wsisp.com\/helps\/\",\"name\":\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"description\":\"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"contentUrl\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/wp.wsisp.com\"],\"url\":\"https:\/\/www.wsisp.com\/helps\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u65e0\u9700 GPU \u670d\u52a1\u5668\uff0c\u501f\u52a9 OpenRouter \u96f6\u6210\u672c\u642d\u5efa\u81ea\u5df1\u7684\u5927\u6a21\u578b\u52a9\u624b - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wsisp.com\/helps\/10622.html","og_locale":"zh_CN","og_type":"article","og_title":"\u65e0\u9700 GPU \u670d\u52a1\u5668\uff0c\u501f\u52a9 OpenRouter \u96f6\u6210\u672c\u642d\u5efa\u81ea\u5df1\u7684\u5927\u6a21\u578b\u52a9\u624b - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","og_description":"\u6587\u7ae0\u6d4f\u89c8\u9605\u8bfb2.2w\u6b21\uff0c\u70b9\u8d5e50\u6b21\uff0c\u6536\u85cf89\u6b21\u3002\u5927\u578b\u6a21\u578b\u7684\u51fa\u73b0\u4e3a\u8bb8\u591a\u9886\u57df\u5e26\u6765\u4e86\u9769\u547d\u6027\u7684\u53d8\u5316\uff0c\u4ece\u81ea\u7136\u8bed\u8a00\u5904\u7406\u5230\u8ba1\u7b97\u673a\u89c6\u89c9\uff0c\u751a\u81f3\u662f\u533b\u5b66\u548c\u91d1\u878d\u9886\u57df\u3002\u7136\u800c\uff0c\u5bf9\u4e8e\u8bb8\u591a\u5f00\u53d1\u8005\u6765\u8bf4\uff0c\u5927\u591a\u6570\u60c5\u51b5\u4e0b\uff0c\u4f7f\u7528\u8fd9\u4e9b\u6a21\u578b\u9700\u8981\u62e5\u6709\u4e00\u53f0\u914d\u5907\u9ad8\u6027\u80fdGPU\u7684\u670d\u52a1\u5668\uff0c\u800c\u8fd9\u5f80\u5f80\u662f\u4e00\u9879\u6602\u8d35\u7684\u6295\u8d44\u3002\u800c OpenRouter \u4e3a\u4f7f\u7528\u8005\u63d0\u4f9b\u4e86\u90e8\u5206\u5f00\u6e90\u6a21\u578b\u7684\u5b9e\u73b0\uff0c\u53ef\u4ee5\u901a\u8fc7API\u514d\u8d39\u4f7f\u7528\uff0c\u4e3b\u8981\u805a\u7126\u57287B\u89c4\u6a21\u5927\u5c0f\u7684\u6a21\u578b\uff0c\u6bd4\u5982\u8c37\u6b4c\u7684 gemma-7b \uff0cMistral AI \u7684 mistral-7b-instruct\uff0c\u4e00\u5b9a\u7a0b\u5ea6\u907f\u514d\u4e86\u81ea\u5df1\u53bb\u90e8\u7f72\u5927\u6a21\u578b\u7684\u6210\u672c\u3002_openrouter","og_url":"https:\/\/www.wsisp.com\/helps\/10622.html","og_site_name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","article_published_time":"2025-04-18T10:07:27+00:00","og_image":[{"url":"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/04\/20250418100722-6802245a3e38d.png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"admin","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"7 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wsisp.com\/helps\/10622.html","url":"https:\/\/www.wsisp.com\/helps\/10622.html","name":"\u65e0\u9700 GPU \u670d\u52a1\u5668\uff0c\u501f\u52a9 OpenRouter \u96f6\u6210\u672c\u642d\u5efa\u81ea\u5df1\u7684\u5927\u6a21\u578b\u52a9\u624b - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","isPartOf":{"@id":"https:\/\/www.wsisp.com\/helps\/#website"},"datePublished":"2025-04-18T10:07:27+00:00","dateModified":"2025-04-18T10:07:27+00:00","author":{"@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41"},"breadcrumb":{"@id":"https:\/\/www.wsisp.com\/helps\/10622.html#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wsisp.com\/helps\/10622.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.wsisp.com\/helps\/10622.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.wsisp.com\/helps"},{"@type":"ListItem","position":2,"name":"\u65e0\u9700 GPU \u670d\u52a1\u5668\uff0c\u501f\u52a9 OpenRouter \u96f6\u6210\u672c\u642d\u5efa\u81ea\u5df1\u7684\u5927\u6a21\u578b\u52a9\u624b"}]},{"@type":"WebSite","@id":"https:\/\/www.wsisp.com\/helps\/#website","url":"https:\/\/www.wsisp.com\/helps\/","name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","description":"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41","name":"admin","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/","url":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","contentUrl":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","caption":"admin"},"sameAs":["http:\/\/wp.wsisp.com"],"url":"https:\/\/www.wsisp.com\/helps\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/10622","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/comments?post=10622"}],"version-history":[{"count":0,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/10622\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media\/10608"}],"wp:attachment":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media?parent=10622"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/categories?post=10622"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/tags?post=10622"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/topic?post=10622"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}