ChatGPT ChatGPT Sidebar 实战:自定义 ChatGPT 搜索页面回复模板(示例开发和文员专用模板)
Posted 顾三殇
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ChatGPT ChatGPT Sidebar 实战:自定义 ChatGPT 搜索页面回复模板(示例开发和文员专用模板)相关的知识,希望对你有一定的参考价值。
目录
一、前言
【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)搜索页面入口
(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接口,可以将用户的输入转化为对应的回答,并返回给用户。具体要求如下:
- URL:ChatGPT - Latest News and Chat About AI
- 请求方式:POST
- 请求参数:
参数名 类型 必填 描述 query String 是 用户的输入内容 lang String 否 语言(目前仅支持zh) modelTag String 否 模型标签(详见API文档)
- 请求头:
参数名 类型 必填 描述 Content-Type String 是 内容类型,固定为application/json Authorization String 是 认证信息,形式为Bearer YOUR_API_KEY Username String 是 用户名,填写自己的用户名
- 响应结果:
参数名 类型 描述 output String AI的回答内容 使用方法如下:
- 注册ChatGPT账号并获取API Key。
- 根据API文档中所要求的方式构造请求参数。
- 发送POST请求到ChatGPT的API接口。
- 解析服务器返回的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)侧边栏入口
(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)快速查询入口
(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 搜索页面回复模板(示例开发和文员专用模板)的主要内容,如果未能解决你的问题,请参考以下文章