docs: update

Author: x-dr

README.md

@@ -10,9 +10,6 @@ https://openai.451024.xyz
 ```
 
 
-~~https://openai.1rmb.tk~~
-
-
 ```url
 https://openai-proxy-api.pages.dev/api
 ```
@@ -26,24 +23,11 @@ https://openai-proxy-api.pages.dev/api
 
 ![worker](./docs/img/worker.png)
 
-## 1、利用Cloudflare Worker中转api.openai.com
-
-1. 新建一个 Cloudflare Worker
-2. 复制 [cf_worker.js](https://cdn.jsdelivr.net/gh/x-dr/chatgptProxyAPI@main/cf_worker.js)  里的代码粘贴到 Worker 中并部署
-3. 给 Worker 绑定一个没有被墙的域名
-4. 使用自己的域名代替 api.openai.com
-
-
-**[详细教程](./docs/cloudflare_workers.md)**
-
 
-## 2、使用CloudFlare Pages进行中转
 
-**[详细教程](./docs/cloudflare_proxy_pages.md)**
+## 使用CloudFlare Pages进行中转
 
-## 3、利用nextjs edge中转api.openai.com
-
-### 利用Cloudflare pages部署
+### 1、部署中转API+ Openai API余额查询 
 
 > [官方文档](https://developers.cloudflare.com/pages/framework-guides/deploy-a-nextjs-site/)
 
@@ -59,10 +43,33 @@ https://openai-proxy-api.pages.dev/api
 > 把官方接口的`https://api.openai.com`替换为`https://xxx.pages.dev` 即可 
 
 
-
 **[详细教程](./docs/cloudflare_pages.md)**
 
-### docker 部署（要境外vps） 
+
+### 2、只部署中转API
+
+
+**[详细教程](./docs/cloudflare_proxy_pages.md)**
+
+***
+
+
+## 利用Cloudflare Worker中转api.openai.com
+
+1. 新建一个 Cloudflare Worker
+2. 复制 [cf_worker.js](https://cdn.jsdelivr.net/gh/x-dr/chatgptProxyAPI@main/cf_worker.js)  里的代码粘贴到 Worker 中并部署
+3. 给 Worker 绑定一个没有被墙的域名
+4. 使用自己的域名代替 api.openai.com
+
+
+**[详细教程](./docs/cloudflare_workers.md)**
+
+
+
+
+
+
+## docker 部署（要境外vps） 
 
 > 好像不支持sse 所以不建议
 

assets/css/style.css

@@ -82,120 +82,7 @@ body {}
     padding-left: 15px
 }
 
-/* pre {
-    display: block;
-    padding: 10px;
-    margin: 0 0 10.5px;
-    font-size: 14px;
-    line-height: 1.42857143;
-    word-break: break-all;
-    word-wrap: break-word;
-    color: #333;
-    background-color: #f5f5f5;
-    border: 1px solid #ccc;
-    border-radius: 0
-}
 
-code {
-    font-size: 80%
-}
-
-#uploadconfig {
-    border-radius: 5px;
-    border: 1px solid #ddd;
-    padding: 10px;
-    width: 100%;
-    margin-bottom: 5px
-}
-
-.panel-heading-sm {
-    height: 28px;
-    padding: 5px 10px
-}
-
-.panel-body-sm {
-    padding: 5px 10px
-}
-
-.file-preview-thumbnails {
-    max-height: 1000px;
-    overflow: overlay
-}
-
-fieldset {
-    border: 1px solid rgba(0, 0, 0, .125);
-    padding: 15px 20px;
-}
-
-legend {
-    font-size: 14px;
-    font-weight: 700;
-    color: #232323;
-    padding-left: 8px;
-    padding-right: 8px;
-    margin-bottom: 0;
-    border-bottom: 0;
-    width: inherit
-}
-
-fieldset legend img {
-    vertical-align: middle;
-    line-height: 16px;
-    height: 16px;
-    padding-right: 5px
-}
-
-.padding10 {
-    padding-left: 10px
-}
-
-.tab-content {
-    border-left: 1px solid #ddd;
-    border-right: 1px solid #ddd
-}
-
-.dlinput_header {
-    font-size: 11px;
-    margin-top: 10px
-}
-
-.accepr_box {
-    margin-bottom: 130px
-}
-
-.content-box {
-    background-color: #c4e3ff;
-    padding: 10px;
-    margin-top: 20px;
-    border: 1px solid #a6cef3;
-    border-radius: 3px;
-    padding: 10px 20px
-}
-
-.content-box::before {
-    font-size: 100px
-}
-
-.content-box span {
-    padding: 5px;
-    margin-right: 20px;
-    color: #2b557c
-}
-
-.content-box a {
-    color: #155724;
-    background-color: #90caff;
-    border-radius: 3px;
-    margin: 0 5px;
-    font-size: 14px;
-    padding: 2px 9px;
-    text-decoration: none;
-    transition: .3s all ease
-}
-
-.content-box a:hover {
-    background-color: #78bfff
-} */
 
 
 .fixed-top {
@@ -206,11 +93,6 @@ fieldset legend img {
 }
 
 
-/* main {
-    padding-left: 2rem;
-    padding-right: 2rem;
-} */
-
 main[x-cloak] {
     opacity: 0;
 }

assets/js/openai.js

@@ -122,7 +122,7 @@ const app = {
             //总
             const total_granted = subscription.hard_limit_usd;
             //已用
-            const total_used = usageData.total_usage / 100
+            const total_used = usageData.total_usage / 100 || -1
             //剩余额度
             const total_available = total_granted - total_used;
 

index.html

@@ -41,7 +41,7 @@
         <div class="page-header" x-data="{ origin: '' }" x-init="origin = window.location.origin">
             <h2>查询 OpenaiAPI 余额</h2>
             <p>API接口: <span class="proxy" x-text="origin" @click="copyToClipboard(origin)"></span>
-                ;支持批量查询，一行一个；点击清理可以清理失效的key</p>
+                ;支持批量查询，一行一个；点击清理可以清理失效的key。 (已用额度是-1时该key查询失败)</p>
         </div>
         <main x-data="app" x-cloak>
             <p x-show.transition.opacity="alert" :class="alert?.type" x-text="alert?.message"></p>