Skip to content

nyiae/web-without-vpn-usingChatGPTAPI

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Demo Webpage for Calling the ChatGPT API without VPN

English Version | 中文版本

English Version

This is a static webpage demonstration that allows you to interact with the ChatGPT API without the need for a VPN, making it accessible from within China. The webpage offers the following features:

  • LATEX Formula Rendering: The webpage supports rendering LATEX formulas. You can input formulas, and they will be displayed correctly.
  • Code Highlighting: Code snippets shared on the webpage are automatically recognized and highlighted based on their programming language.
  • Responsive Layout: The webpage is designed with a responsive layout, adapting to different screen sizes, including mobile devices.

To set your prompt text . you can easily edit the webpage without any coding experience.

Prerequisites

Before getting started, make sure you have the following:

  • Your ChatGptAPI key

Fill in your API key in the designated field as shown below:

APIKEY Field:

here

Features Showcase

  1. LATEX Formula Rendering: The webpage can render LATEX formulas. Here's an example:

LATEX Rendering:

image

  1. Responsive Layout: The webpage adjusts its components to fit different screen sizes. Here's an example of how it looks on a mobile device:

Phone Responsive Layout:

image

  1. Code Highlighting: The webpage automatically detects and highlights keywords in shared code snippets. Here's an example:

Code Highlighting:

code

Other instructions and details are provided within the comments of the code.

This webpage aims to provide an easy-to-use demonstration of API key usage, even for those without coding experience. If you find it helpful, please consider leaving a star. Your support is greatly appreciated.


中文版本

这是一个静态网页演示,可在国内无需使用科学上网即可调用ChatGPT API。该网页具有以下特点:

  • LATEX公式渲染: 网页支持LATEX公式的渲染。您可以输入公式,它们将正确显示。
  • 代码高亮: 网页会自动识别和高亮显示共享的代码片段,根据其编程语言进行区分。
  • 响应式布局: 网页采用响应式布局,适应不同的屏幕尺寸,包括移动设备。

您可以轻松编辑网页来设置提示词,无需任何代码基础。

前提条件

在开始之前,请确保你已经满足以下条件:

  • 拥有chatgptAPIkey

请按照下面的示例,在指定的字段中填写您的API密钥:

API密钥字段

here

特色展示

  1. LATEX公式渲染: 网页可以渲染LATEX公式。以下是一个示例:

LATEX渲染效果:

image

  1. 响应式布局: 网页会根据不同的屏幕尺寸调整组件大小。以下是在移动设备上的示例:

手机端的响应式布局:

image

  1. 代码高亮: 网页会自动检测并高亮共享的代码片段中的关键词。以下是一个示例:

代码高亮:

code

其他的指令和详细信息在代码的注释中提供。

该网页旨在为没有任何代码基础的人提供API密钥使用演示,让他们能轻松使用。如果您觉得有帮助,请给我点一颗星,谢谢。非常感谢您的支持。

Releases

No releases published

Packages

No packages published