ChatGPT ChatGPT Sidebar 实战:自定义 ChatGPT 搜索页面回复模板(示例开发和文员专用模板)

Posted 顾三殇

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ChatGPT ChatGPT Sidebar 实战:自定义 ChatGPT 搜索页面回复模板(示例开发和文员专用模板)相关的知识,希望对你有一定的参考价值。

目录

一、前言

二、ChatGPT Sidebar 通用配置

(1)通用配置入口

(2)设置 

①  如何访问 ChatGPT

② 语言

③ 主题

三、ChatGPT Sidebar 搜索页面

(1)搜索页面入口

(2)设置 

① 显示搜索面板

② 何时询问 ChatGPT

③ 谷歌和其他人的提示模板

(3)开发编程模板示例

① 模板设置 

② 示例搜索问题

③ 示例 chatgpt 回复截图

④ 示例 chatgpt 回复内容复制

(4)文员工作模板

① 模板设置

② 示例搜索问题

③ 示例 chatgpt 回复截图

④ 示例 chatgpt 回复内容复制

四、ChatGPT Sidebar 侧边栏

(1)侧边栏入口

(2)设置

① 快捷键

② 侧边栏位置

③ 侧边栏图标

④ 侧边栏提示模板

(3)今日工作模板示例

① 模板设置 

② 示例搜索问题

③ 示例 chatgpt 回复截图

④ 示例 chatgpt 回复内容

五、ChatGPT Sidebar 快速查询

(1)快速查询入口

(2)设置

(3)示例模板 

六、总结



一、前言

【ChatGPT 】国内无需注册 openai 即可访问 ChatGPT:ChatGPT Sidebar 浏览器扩展程序的安装与使用https://gusanshang.blog.csdn.net/article/details/129870649ChatGPT Sidebar 浏览器插件,可用于页面搜索或者文章复制关键字搜索,自动回复,那么如何自定义设置回复模板呢?如何更便捷地使用 chatgpt 呢?

示例场景:

  • 开发编程使用模板:根据开发人员对代码的检索,指定开发语言提供对应示例,对问题与回答进行概括阐述总结或详解分析,提供相关链接,模板分多个问题,并根据回答内容设置指定标题分段分行回答,如何设置模板呢?
  • 文员工作使用模板:根据文员人员对文章的检索,指定回答范文样式回复,比如工作汇报,提取大纲总结、扩写、范文示例、相关链接等,模板分多个问题,并根据回答内容设置指定标题分段分行回答,如何设置模板呢?
  • 今日工作使用模板:根据工作人员对今日工作大纲的检索,如何生成规范扩写总结、工作反思、提升方向等回答呢?是否支持自定义规范模板,以便减少对繁复汇报工作的修饰和节约时间呢?


二、ChatGPT Sidebar 通用配置

(1)通用配置入口

ChatGPT Sidebar - 通用配置http://chrome-extension//difoiogjjojoaoomphldepapgpbgkhkb/options.html?section=general


(2)设置 

①  如何访问 ChatGPT

选择免注册的免费模式:ChatGPT Sidebar


② 语言

选择:中文简体


③ 主题

按需要选择回复窗口主题颜色:我喜欢暗黑背景,所以选黑暗模式



三、ChatGPT Sidebar 搜索页面

(1)搜索页面入口

ChatGPT Sidebar - 搜索页面http://chrome-extension//difoiogjjojoaoomphldepapgpbgkhkb/options.html?section=search


(2)设置 

① 显示搜索面板

显示搜索面板

开启:在搜索结果页面旁边显示 ChatGPT 响应 


② 何时询问 ChatGPT

何时询问 ChatGPT

开启:总是(在每次搜索时询问 ChatGPT)


③ 谷歌和其他人的提示模板

当前模板:这就是本次需要设置的自定义模板,按需要配置,下面举 2 个示例


(3)开发编程模板示例

模板设置 

模板提示名称:

开发:总结、代码、链接、详解

模板提示内容:

1.你能告诉我一些关于$[keywords]的事情吗?请分点概述汇报!回答请带标题“【概述总结】” 换行回答,然后换行;

2.如果$[keywords]是代码相关的问题,请只写几个代码,并按照 codes = Python、javascript、Java、C++、HTML、vue 的开发语言的顺序分段回答?回答请带标题“【$[codes] 代码】” 换行分段回答,然后换行;

3.如果可能的话,你能给我一些关于它的链接吗?回答请带标题“【相关链接】” 换行回答

4.如果可能的话,你能给我一些关于它的详细说明,并分段解释吗?回答请带标题“【详解分析】” 换行回答,然后换行;


② 示例搜索问题

搜索关键字:如何调用ChatGPT接口


③ 示例 chatgpt 回复截图


④ 示例 chatgpt 回复内容复制

【概述总结】

调用ChatGPT接口可以实现自然语言的问答和对话功能。具体步骤如下:

1. 获取API Key:首先需要在官网上注册账号并获取自己的API Key。

2. 构造请求参数:将用户的输入转化为API接口所需要的请求参数。

3. 发送HTTP请求:根据接口文档中的要求,将构造好的请求参数发送给API接口。

4. 解析响应结果:对API接口返回的结果进行解析,并根据需要进行进一步的处理。

【Python 代码】

import requests

url = "https://api.chatgpt.com/query"
apiKey = "YOUR_API_KEY"
userName = "YOUR_USER_NAME"
inputText = "你好,ChatGPT!"

headers = 
    "Content-Type": "application/json",
    "Authorization": f"Bearer apiKey",
    "Username": userName,


payload = "query": inputText

response = requests.post(url, headers=headers, json=payload)

if response.status_code != 200:
    print(f"Request failed with status code response.status_code")
else:
    jsonResponse = response.json()
    outputText = jsonResponse["output"]
    print(outputText)

【JavaScript 代码】

const fetch = require("node-fetch");

const url = "https://api.chatgpt.com/query";
const apiKey = "YOUR_API_KEY";
const userName = "YOUR_USER_NAME";
const inputText = "你好,ChatGPT!";

const headers = 
  "Content-Type": "application/json",
  Authorization: `Bearer $apiKey`,
  Username: userName,
;

const body = JSON.stringify( query: inputText );

fetch(url, 
  method: "POST",
  headers: headers,
  body: body,
)
  .then((response) => response.json())
  .then((json) => console.log(json.output))
  .catch((error) => console.log(error));

【Java 代码】

import java.io.IOException;
import java.net.http.HttpClient;
import java.net.http.HttpRequest;
import java.net.http.HttpResponse;
import java.net.URI;
import java.net.http.HttpHeaders;
import java.net.http.HttpResponse.BodyHandlers;

public class ChatGPTClient 

    public static void main(String[] args) throws Exception 

        String url = "https://api.chatgpt.com/query";
        String apiKey = "YOUR_API_KEY";
        String userName = "YOUR_USER_NAME";
        String inputText = "你好,ChatGPT!";

        String jsonBody = String.format(" \\"query\\": \\"%s\\" ", inputText);

        HttpClient client = HttpClient.newHttpClient();
        HttpRequest request = HttpRequest.newBuilder()
                .uri(URI.create(url))
                .header("Content-Type", "application/json")
                .header("Authorization", "Bearer " + apiKey)
                .header("Username", userName)
                .POST(HttpRequest.BodyPublishers.ofString(jsonBody))
                .build();

        HttpResponse<String> response = client.send(request, BodyHandlers.ofString());
        
        if (response.statusCode() != 200) 
            System.out.println("Request failed with status code " 
                + response.statusCode());
         else 
            HttpHeaders headers = response.headers();
            String outputText = response.body();
            System.out.println(outputText);
        
    

【C++ 代码】

#include <curl/curl.h>
#include <iostream>

int main() 

    const char* url = "https://api.chatgpt.com/query";
    const char* apiKey = "YOUR_API_KEY";
    const char* userName = "YOUR_USER_NAME";
    const char* inputText = "你好,ChatGPT!";

    const char* jsonBody = " \\"query\\": \\"" + inputText + "\\" ";
    int jsonBodyLen = strlen(jsonBody);

    struct curl_slist* headers = NULL;
    headers = curl_slist_append(headers, "Content-Type: application/json");
    headers = curl_slist_append(headers, ("Authorization: Bearer " + string(apiKey)).c_str());
    headers = curl_slist_append(headers, ("Username: " + string(userName)).c_str());

    CURL* curl;
    CURLcode res;

    curl = curl_easy_init();
    if (curl) 
        curl_easy_setopt(curl, CURLOPT_URL, url);
        curl_easy_setopt(curl, CURLOPT_POST, 1L);
        curl_easy_setopt(curl, CURLOPT_HTTPHEADER, headers);
        curl_easy_setopt(curl, CURLOPT_POSTFIELDS, jsonBody);
        curl_easy_setopt(curl, CURLOPT_POSTFIELDSIZE, jsonBodyLen);

        res = curl_easy_perform(curl);
        if (res != CURLE_OK) 
            fprintf(stderr, "curl_easy_perform() failed: %s\\n",
                curl_easy_strerror(res));
        
        else 
            long responseCode;
            curl_easy_getinfo(curl, CURLINFO_RESPONSE_CODE, &responseCode);
            if (responseCode != 200) 
                std::cout << "Request failed with status code " << responseCode << std::endl;
            
            else 
                CURLcode jsonRes;
                json_object* jsonObject;
                jsonRes = json_tokener_parse(curl_easy_escape(curl, curl_easy_strerror(res), 0));
                json_object_object_get_ex(jsonObject, "output", &jsonObject);
                std::string outputText = json_object_get_string(jsonObject);
                std::cout << outputText << std::endl;
            
        

        curl_easy_cleanup(curl);
    

    return 0;

【HTML 代码】

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>ChatGPT Demo</title>
    <script type="text/javascript">
        const url = "https://api.chatgpt.com/query";
        const apiKey = "YOUR_API_KEY";
        const userName = "YOUR_USER_NAME";

        function sendQuery() 
            const inputText = document.getElementById("inputText").value;

            const headers = new Headers(
                "Content-Type": "application/json",
                "Authorization": `Bearer $apiKey`,
                "Username": userName,
            );

            const body = JSON.stringify( query: inputText );
            const requestOptions = 
                method: "POST",
                headers: headers,
                body: body,
            ;

            fetch(url, requestOptions)
                .then(response => response.json())
                .catch(error => console.log(error))
                .then(data => 
                    const outputText = data.output;
                    document.getElementById("outputText").value = outputText;
                );
        

    </script>

</head>

<body>
    <input type="text" id="inputText" name="inputText">
    <button onclick="sendQuery()">发送</button><br><br>
    <textarea id="outputText" name="outputText" readonly></textarea>
</body>

</html>

【vue 代码】

<template>
  <div>
    <input type="text" v-model="inputText">
    <button @click="sendQuery()">发送</button><br><br>
    <textarea v-model="outputText" readonly></textarea>
  </div>
</template>

<script>
  const url = "https://api.chatgpt.com/query";
  const apiKey = "YOUR_API_KEY";
  const userName = "YOUR_USER_NAME";

  export default 
    data() 
      return 
        inputText: "",
        outputText: "",
      ;
    ,

    methods: 
      sendQuery() 
        const headers = new Headers(
          "Content-Type": "application/json",
          "Authorization": `Bearer $apiKey`,
          "Username": userName,
        );

        const body = JSON.stringify( query: this.inputText );

        const requestOptions = 
          method: "POST",
          headers: headers,
          body: body,
        ;

        fetch(url, requestOptions)
          .then(response => response.json())
          .catch(error => console.log(error))
          .then(data => this.outputText = data.output);
      ,
    ,
  ;
</script>

【相关链接】

【详解分析】

ChatGPT是一个聊天机器人平台,可以提供自然语言的问答和对话功能。通过调用ChatGPT的API接口,可以将用户的输入转化为对应的回答,并返回给用户。具体要求如下:

参数名类型必填描述
queryString用户的输入内容
langString语言(目前仅支持zh)
modelTagString模型标签(详见API文档)
  • 请求头:
参数名类型必填描述
Content-TypeString内容类型,固定为application/json
AuthorizationString认证信息,形式为Bearer YOUR_API_KEY
UsernameString用户名,填写自己的用户名
  • 响应结果:
参数名类型描述
outputStringAI的回答内容

使用方法如下:

  1. 注册ChatGPT账号并获取API Key。
  2. 根据API文档中所要求的方式构造请求参数。
  3. 发送POST请求到ChatGPT的API接口。
  4. 解析服务器返回的JSON格式的响应结果,并获取output字段的值,即为AI的回答内容。

(4)文员工作模板

模板设置

模板提示名称:

文员:汇报、扩写、链接、详解

模板提示内容:

1.你能告诉我一些关于$[keywords]的事情吗?请分点概述汇报!回答请带标题“【汇报总结】” 换行回答,然后换行;

2.如果$[keywords]是文字相关的问题,请只写几段汇总扩写,同时按照 words = 工作进度、工作难点、工作成果、上级协助、团队协作、明日计划 的顺序分段并分点回答?回答请带标题“【$[words ] 汇报】” 换行分段回答,然后换行;

3.如果可能的话,你能给我一些关于它的链接吗?回答请带标题“【相关链接】” 换行回答

4.如果可能的话,你能给我一些关于它的详细说明,并分段解释吗?回答请带标题“【详解分析】” 换行回答,然后换行;


② 示例搜索问题

搜索关键字:今日工作大纲:完成采购基本工作,入库新品3个,收货2个,低价采购优惠合计1千,1个新品根据难,需上级协助,新同事需帮忙


③ 示例 chatgpt 回复截图


④ 示例 chatgpt 回复内容复制

1.

【汇报总结】

  • 完成采购基本工作;
  • 入库新品3个,收货2个;
  • 低价采购优惠合计1千;
  • 1个新品难度较大,需要上级协助;
  • 新同事需要帮忙的事情暂时没有。

2.

【工作进度汇报】
今日已完成采购基本工作,入库新品3个,收货2个,低价采购优惠合计1千。其中1个新品难度较大,需要上级协助,目前尚未完成。另外,新同事目前还没有需要帮忙的任务。

【工作难点汇报】
目前遇到的主要难点是1个新品的采购难度较大,需要上级协助。此外,也需要不断调整采购策略来寻找更多的低价采购机会。

【工作成果汇报】
今日已入库新品3个,收货2个,低价采购优惠合计1千。同时也处理了一些常规业务,保证了采购工作的进展。

【上级协助汇报】
1个新品的采购难度较大,需要上级协助。目前已与上级沟通,正在等待回复。

【团队协作汇报】
目前新同事尚未有需要帮忙的任务,不过我会时刻关注团队其他成员的工作进展,以便进行协调和合作。

【明日计划汇报】
明日的主要工作重点还是采购业务,需要不断寻找低价采购机会,同时也需要继续跟进1个新品的采购工作,尽快解决问题。

3.

【相关链接】
抱歉,我无法为你提供该任务的相关链接。

4.

【详解分析】
今日的工作任务主要集中在采购业务上,包括完成基本采购工作、入库新品和收货。其中低价采购是一个比较重要的任务,需要不断寻找价格优惠的机会。另外,我们还遇到了一个比较难的新品采购任务,需要上级协助才能顺利解决。在团队协作方面,目前尚未有需要帮忙的任务,但我会时刻关注其他成员的工作进展,以便及时协调和合作。明日的计划主要是继续寻找低价采购机会和跟进新品采购任务。



四、ChatGPT Sidebar 侧边栏

(1)侧边栏入口

ChatGPT Sidebar - 侧边栏http://chrome-extension//difoiogjjojoaoomphldepapgpbgkhkb/options.html?section=sidebar


(2)设置

① 快捷键

启动侧边栏:Ctrl+P


② 侧边栏位置

将侧边栏放在左侧或右侧:右边 


③ 侧边栏图标

通过位于页面右下角的图标访问侧边栏,您可以拖动它上下移动,开启:

始终显示(使用ChatGPT Sidebar的最简单方法)

备注:这里也有设置的快速入口,同时也是分段查找 chatgpt 回复的自定义模板筛选页面


④ 侧边栏提示模板

拖放以重新排序模板或存档那些您不会使用的模板:

  • 显示在列表中:显示在侧边栏下拉选择框的模板,支持自定义
  • 归档:隐藏在侧边栏下拉选择框的模板,支持自定义


(3)今日工作模板示例

① 模板设置 

模板标题:

今日工作

模板内容:

1.请使用标题 “【今日工作】”,使用扩写手法,分点分段回答问题,并使用数字序号:①②③④……,序号后需带一个空格;
2.请使用标题 “【工作反思】”,对今日工作进行反思
3.请使用标题 “【提升方向】”,概况自身技能自学方向和思路 


② 示例搜索问题

搜索关键字:

今日测试3个页面,分别是医院、科室、医生管理,提交100个bug,回归50个bug,重新打开10个bug,关闭40个bug,前端bug70,后端bug30;共完成30个接口测试,通过20个,未通过10个


③ 示例 chatgpt 回复截图


④ 示例 chatgpt 回复内容

【今日工作】

今日主要工作内容为测试3个页面,提交、回归、重新打开,关闭、前端、后端bug数量统计以及接口测试的完成情况。具体工作情况如下:

①测试3个页面:医院、科室、医生管理。

②提交100个bug,包括前端和后端。

③回归50个bug,重新打开10个bug,关闭40个bug,其中前端bug数量为70个,后端bug为30个。

④完成30个接口测试,通过20个,未通过10个。

【工作反思】

今天测试过程中出现了较多的前端和后端bug,与开发人员接口不对齐和逻辑不明确等原因有关。同时,还有一些接口测试未通过,也需要在后续工作中加强测试和跟踪进展。

【提升方向】

当前,笔者正在学习Python和Selenium自动化测试,并尝试将其应用到实际工作中,提升效率和质量。以后希望能在这方面深入探索和学习。此外,还需要加强对于产品和业务逻辑的理解,从而更好地进行测试。



五、ChatGPT Sidebar 快速查询

(1)快速查询入口

ChatGPT Sidebar - 快速查找窗口http://chrome-extension//difoiogjjojoaoomphldepapgpbgkhkb/options.html?section=translator


(2)设置

快速查找图标,通过图标访问快速查找窗口,开启:选择文本时显示


(3)示例模板 

这个可支持在浏览器查看内容时,选择某段文章,直接快速使用侧边栏查找,这解决了我们无法复制超长文章在搜索引擎查找的问题,方便快速根据自定义模板查找选中文章的解释和问题回复 



六、总结

ChatGPT Sidebar :免注册免科学上网,还支持自定义模板,比直接聊天的模式更为方便,大大提高了工作效率,十分推荐使用!

ChatGPT 国内无需注册 openai 即可访问 ChatGPT:ChatGPT Sidebar 浏览器扩展程序的安装与使用

一、前言

问题:国内注册 openai 账号麻烦,新必应有部分人也无法登录成功,存在域名单点登录失败等问题,所以无法真正使用 ChatGPT 

解决:大部分人仅需使用 ChatGPT 的搜索功能,无需真正对话,需要其对资料的总结,代码编写能力等,无需科学上网,任意浏览器,Microsoft Edge 、火狐、谷歌等浏览器,仅加载安装此插件,便可利用任意搜索框与 ChatGPT 完成对话,而达到对资料的汇总



二、扩展程序下载

我的资源下载:ChatGPT Sidebar:浏览器扩展程序https://download.csdn.net/download/qq_39720249/87634510



三、扩展程序安装

直接解压压缩包,浏览器扩展程序打开开发者模式,直接点击以下按钮,选择加载整个解压后的目录,开启扩展程序即可:

  



四、扩展程序使用

正常使用搜索引擎即可,右边就会出现 ChatGPT 的回答,无需科学上网,无需注册 openai 账号,就可以正常查询国内资源,十分方便!



五、使用教程

查看我的另一博文,超级详细的扩展程序配置和示例说明:

【ChatGPT 】ChatGPT Sidebar 实战:自定义 ChatGPT 搜索页面回复模板(示例开发和文员专用模板)https://gusanshang.blog.csdn.net/article/details/129889953

以上是关于ChatGPT ChatGPT Sidebar 实战:自定义 ChatGPT 搜索页面回复模板(示例开发和文员专用模板)的主要内容,如果未能解决你的问题,请参考以下文章

能直接修复代码 BUG,比 ChatGPT 还厉害

人工智能 ChatGPT想要快速了解 ChatGPT 吗?快来看这些关于 ChatGPT 的10个热门问题

让ChatGPT介绍一下ChatGPT

让ChatGPT介绍一下ChatGPT

类ChatGPT平台推荐国内访问ChatGPT4

ChatGPT硬刚ChatGPT!文心一言能否为百度止颓?中国版ChatGPT“狂飙”的机会在哪儿?