教你接入免费的GPT4

介绍

chatgpt最近十分火爆，但大多少开发接入的都是gpt3.5，今天教教大家如何快速接入gpt4

使用

接入很简单，需要去API文档获取你的token填入，每个账号都有白嫖次数，以下是node代码

const { data } = await axios({
    url: 'https://api.zhishuyun.com/chatgpt4?token=你的token',
    method: 'POST',
    headers: {
        'content-type': 'application/json'
    },
    data: {
        question: '如何写好博客？',
    },
});

console.log(data);

由于需要token，强烈建议将这部分代码放到你的服务器上，前端再去请求你的服务器，防止token被人盗用，同时ai也支持多轮对话，通过只需要多传一个conversation_ids字段就能实现，具体就不展开了，文档里写的很清楚

效果

最终gpt4 接口返回字段如下，数据结构很简单就一个json

{
  "answer": "写出好的博客需要遵循一些基本原则和技巧。以下是一些建议，帮助你撰写出吸引人的博客文章：\n\n1. 明确目标：在开始写作前，先确定你的博客的目的和目标受众。这将帮助你为文章设定一个明确的方向。\n\n2. 选择有趣的主题：选择一个你熟悉且引人入胜的主题。确保这个主题对你的目标受众有吸引力。\n\n3. 做好研究：在开始写作之前，请确保对所选主题进行充分的研究。这将使你的文章内容更丰富，也有助于建立你的专业形象。\n\n4. 设计吸引人的标题：标题是你博客文章的第一印象，因此要确保它具有吸引力。使用有趣、简洁且说明问题的标题，以吸引读者点击阅读。\n\n5. 使用简单易懂的语言：尽量使用简单、直接的语言，避免使用过于复杂的词汇和句子结构。这将使你的文章更容易阅读和理解。\n\n6. 段落分明：合理地分段可以使文章结构更清晰。每个段落应该表达一个主要观点，并使用过渡句子将各个段落连接起来。\n\n7. 加入个人观点和故事：通过分享你的经历和观点，可以让文章更有趣、更具说服力。这也有助于与读者建立情感联系。\n\n8. 使用图片和多媒体：合适的图片、视频或音频可以让你的文章更具吸引力。确保使用高质量的素材，并遵循版权规定。\n\n9. 保持更新：定期更新博客内容，以保持与读者的互动。这可以帮助你建立一个忠实的读者群，并提高你的在线影响力。\n\n10. 互动与反馈：鼓励读者在评论区留言，并对他们的评论做出回应。这将有助于建立一个积极的社区氛围，并为你提供宝贵的反馈，以改进你的博客内容。\n\n最后，不要忘了耐心和毅力。写作是一个持续提高的过程，只要你坚持不懈，你的博客写作技巧将不断进步。"
}

gpt返回的结果都是以markdon格式，前端渲染可以使用一些组件来实现，比如我使用的是vue框架，使用v-md-editor做markdown渲染，支持一些代码高亮、主题色等等，代码如下

初始化

import { createApp } from "vue";

import VMdPreview from "@kangc/v-md-editor/lib/preview";
import "@kangc/v-md-editor/lib/style/preview.css";
import githubTheme from "@kangc/v-md-editor/lib/theme/github.js";
import "@kangc/v-md-editor/lib/theme/style/github.css";

// highlightjs
import hljs from "highlight.js";

VMdPreview.use(githubTheme, {
    Hljs: hljs
});

createApp(App).use(VMdPreview).mount("#app");

使用组件

<v-md-preview
    :text="text"
/>

只需要把gpt返回的内容直接塞进去，下面是渲染效果，效果还不错