diff --git a/README.md b/README.md
index b53936c4..c3bc0990 100644
--- a/README.md
+++ b/README.md
@@ -211,6 +211,13 @@ docker-compose ps
 ### 部署第三方服务配合 One API 使用
 > 欢迎 PR 添加更多示例。
 
+#### chatgpt-api-web
+项目主页: <https://github.com/heimoshuiyu/chatgpt-api-web>
+
+纯前端项目，所有信息保存在浏览器，无需部署。直接访问 <https://heimoshuiyu.github.io/chatgpt-api-web/> 填入参数开始使用。
+
+或者可将参数填入 URL 中，格式: <https://heimoshuiyu.github.io/chatgpt-api-web/?key=sk-xxxxx&api=https://your-doname.com/v1/chat/completions>
+
 #### ChatGPT Next Web
 项目主页：https://github.com/Yidadaa/ChatGPT-Next-Web
 
diff --git a/web/src/components/TokensTable.js b/web/src/components/TokensTable.js
index db4745e4..85771cde 100644
--- a/web/src/components/TokensTable.js
+++ b/web/src/components/TokensTable.js
@@ -13,6 +13,7 @@ const COPY_OPTIONS = [
 ];
 
 const OPEN_LINK_OPTIONS = [
+  { key: 'chatgpt-api-web', text: 'chatgpt-api-web', value: 'chatgpt-api-web' },
   { key: 'ama', text: 'AMA 问天', value: 'ama' },
   { key: 'opencat', text: 'OpenCat', value: 'opencat' },
 ];
@@ -144,6 +145,10 @@ const TokensTable = () => {
     }
     let url;
     switch (type) {
+      case 'chatgpt-api-web':
+        url = `https://heimoshuiyu.github.io/chatgpt-api-web/?key=sk-${key}&api=${serverAddress}/v1/chat/completions`
+        break;
+
       case 'ama':
         url = `ama://set-api-key?server=${encodedServerAddress}&key=sk-${key}`;
         break;