介绍
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返回的内容直接塞进去,下面是渲染效果,效果还不错