endercat

In the previous article, we implemented a conversation with ChatGPT on the blog by embedding ora.sh's HTML. However, this method not only fails to read the articles on the blog but also requires a VPN to access. So, is there any method that can allow ChatGPT to read the content of the articles without the need for a VPN? This article will introduce how to embed ChatGPT on the blog, enabling it to read articles and establish a direct connection, adding intelligence and fun to your blog.

Prerequisites#

You need an OpenAI API KEY (if you don't have one, you can check out some keys I shared or purchase credits directly from Fast GPT).

Method#

1. Go to Fast GPT (or deploy it yourself) and register as required.
   
2. Go to the account page and set your OpenAI API KEY (if not set, the free credits will not be enough, of course, you can also purchase credits directly from Fast GPT).
   
3. Go to the knowledge base page and add a knowledge base.
   
4. Import article data (you need to add the data for each article update later).
   
   
5. Create an AI.
   
6. Set it up as shown in the image below.
   
   Select the knowledge base, customize the temperature, write your own prompts, and remember to save.
   After saving, you can try if the conversation works properly.
7. Set up a publicly accessible link.
   
   
   Customize the maximum context.
8. Embed it in the blog.
   Refer to the method in the previous article and replace the HTML code with:
   Copy

   <div style="height:600px; width:400px">
       <iframe
           src="obtained link"
           width="100%"
           height="100%"
           style="border:0; border-radius: 4px"
       />
   </div>
   

Now you should be able to have a conversation with ChatGPT on your blog, and ChatGPT should be able to read the content of the articles. You can also place the HTML code in articles or other places that can load HTML.

I have already deployed this method on my blog. Click on the ChatGPT button in the top bar to start a conversation.