打造你的超级学习流:Chrome + ChatGPT Sidebar + Anki 全流程整合

news/2025/11/22 20:56:13/文章来源:https://www.cnblogs.com/zhchoice/p/19258589

📘 Chrome + ChatGPT + Anki 快速集成方案(Markdown 版)


#️⃣ 1. 解决了什么问题

你希望实现:

  • Chrome 浏览器中使用 ChatGPT Sidebar 随时提问
  • 选中文本/ChatGPT 输出内容后
  • 右键 / 快捷键 一键加入 Anki(自动填入 word/context/translation/note)

并且全流程稳定、无需切换工具、操作尽可能简单。

最终目标:

在 Chrome 中浏览 → ChatGPT 解释 → 一键加入 Anki(自动解析 JSON)


#️⃣ 2. 需要做哪些操作

你需要完成以下三件事:


✔ Step 1:安装 Chrome ChatGPT Sidebar

(用于快速 Ask ChatGPT,拥有 Atlas 一样的右侧栏)

✔ Step 2:使用 Automator 创建系统级“AddToAnki”快速操作

(用于右键 → AddToAnki / 快捷键 → AddToAnki)

✔ Step 3:准备 Python 脚本(AnkiConnect 接口)

(用于解析 JSON 并加入 zhanghao 牌组)

通过这三个步骤,你就能在 Chrome 内完成:
聊天 + 选中 + 一键加入 Anki


#️⃣ 3. 如何做这些操作


## Step 1:安装 Chrome ChatGPT Sidebar

1. 打开 Chrome

2. 访问扩展商店:https://chrome.google.com/webstore/

3. 搜索:

ChatGPT Sidebar

推荐安装任意一种:

  • ChatGPT Sidebar – GPT Reader
  • ChatGPT for Chrome – GPT Sidebar

4. 点击「添加到 Chrome」

5. 打开 “Auto-open sidebar on text selection”(可选)

这样你在 Chrome 里:

  • 选中文本 → 自动出现 ChatGPT 右侧栏
  • 像 Atlas 一样随时问 ChatGPT
  • 浏览网页/PDF 直接右侧提问

## Step 2:创建系统级快捷操作「AddToAnki」

macOS Automator → 让你在 Chrome 里右键 or 快捷键直接加入 Anki。

1. 打开 Automator

2. 选择:新建文稿 → 快速操作(Quick Action)

顶部确保是:

工作流程收到当前:文本
位于:任何应用程序

3. 搜索动作:Run Shell Script(运行 Shell 脚本)

拖到右边。

配置:

Shell: /usr/local/bin/python3
传递输入: 标准输入(to stdin)

4. 将下面的 Python 脚本完整粘进去(见 Step 3)

5. 菜单栏 → 文件 → 存储…

名称:

AddToAnki

保存后,它会自动出现在:

  • Chrome 右键 → 服务 → AddToAnki
  • 或通过系统快捷键触发

## Step 3:Python 脚本(用于解析 JSON 并写入 Anki)

将下面脚本完整复制到 Automator 的运行 Shell 脚本模块里:

import sys
import json
import urllib.requestraw = sys.stdin.read().strip()
if not raw:sys.exit(0)text = raw.strip()
if text.startswith("```"):lines = text.splitlines()lines = [ln for ln in lines[1:] if not ln.strip().startswith("```")]text = "\n".join(lines).strip()word = context = translation = note = ""try:obj = json.loads(text)word = obj.get("word", "").strip()context = obj.get("context", "").strip()translation = obj.get("translation", "").strip()note = obj.get("note", "").strip()
except json.JSONDecodeError:word = raw.strip()if not any([word, context, translation, note]):sys.exit(0)payload = {"action": "addNote","version": 6,"params": {"note": {"deckName": "zhanghao","modelName": "Saladict Word","fields": {"word": word,"context": context,"translation": translation,"note": note},"options": {"allowDuplicate": False,"duplicateScope": "deck"},"tags": ["from-macos-service"]}}
}data = json.dumps(payload).encode("utf-8")try:req = urllib.request.Request("http://127.0.0.1:8765",data=data,headers={"Content-Type": "application/json"})urllib.request.urlopen(req)
except:pass

这个脚本会:

  • 自动解析你选中的 JSON
  • 自动填 word/context/translation/note
  • 自动发送到 Anki 的 zhanghao 牌组
  • 使用 Saladict Word 模型
  • 自动处理三种输入:
    • 纯文本
    • JSON
    • json fenced block

## Step 4(可选):设置系统级快捷键

让 Chrome 中可以通过快捷键直接 AddToAnki。

  1. 打开 「系统设置」
  2. 键盘 → 键盘快捷键 → 服务
  3. 找到 AddToAnki
  4. 设置一个快捷键,例如:
Option + Command + A

之后:

  • 在 Chrome 里选中文本
  • 按 ⌥⌘A

→ 自动加入 Anki。


#️⃣ 4. 最终实现的效果

Chrome 浏览器 内你可以:


✔ 1. 像 Atlas 一样查询 ChatGPT

(通过 ChatGPT Sidebar 自动打开右侧栏)

✔ 2. 选中文本 → 右键 → AddToAnki

(调用 Python + AnkiConnect)

✔ 3. 或:选中文本 → 按 ⌥⌘A 直接加入 Anki

(快捷操作)

✔ 4. JSON 自动解析,自动填入四个字段

(word / context / translation / note)

✔ 5. Anki 中自动加入到 zhanghao 牌组

并使用 Saladict Word 模型


最终你获得:

一个简洁、可扩展、稳定的 Chrome + ChatGPT + Anki 整合系统:
Ask GPT → 选中文字 → 右键 或 ⌥⌘A → 自动进 Anki。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/973416.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

html空间怎样设置边距

在HTML中,设置元素的外边距通常使用CSS(层叠样式表)。以下是如何为HTML元素设置外边距的几种方法:内联样式:在HTML元素的标签内使用style属性。<div style="margin: 20px;">这个div有20像素的外边…

单步电梯调度系统总结

前言: 完成三次电梯大作业之后,我将对题目重新进行设计与分析,对知识点、题型难度、题量等进行总结,以及提出踩坑心得和改进建议。 一、知识点 1.基础知识点 (1)基本语法 标识符与关键字:使用static final定义常量…

html空间怎样实现浮动

在HTML中,要实现浮动效果,通常使用CSS样式。浮动元素会脱离文档流,可以向左或向右浮动,直到它的外边缘碰到包含框或另一个浮动元素的边缘为止。以下是如何使用CSS实现浮动的示例:创建一个HTML文件,例如float_exa…

扩散模型变天?何恺明发布JiT架构,揭示高维空间预测的真相

何凯明新作JIT:告别VAE与潜空间,拥抱像素级生成。在生成式AI掀起的百模大战中,一套固化的技术共识已悄然形成:高质量图像生成必须锚定潜空间(Latent Space)框架,高分辨率任务离不开变分自编码器(VAE)的压缩赋…

完整教程:LLama 3分组查询注意力与KV缓存机制

完整教程:LLama 3分组查询注意力与KV缓存机制pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "Consolas", &q…

#关于对[淄博市实验中学]高一31班某同学实施严重校园欺凌及校方处置不力问题的举报信

尊敬的山东省教育厅领导: 您好! 我们系[淄博市实验中学]高一31班部分学生及家长,现就本班长期存在的严重校园欺凌行为以及学校在事件处理过程中的明显失职与不当作为,向贵单位匿名反映情况,恳请上级主管部门依法介…

使用routers自动生成路由的路由器设计原则,类视图设计原则,序列化器类的设计原则

urls.py文件内容# from django.urls import path, re_path, include # from . import views # # urlpatterns = [ # path(projects/<int:pk>/, views.ProjectDetailView.as_view()), # path(projects/, …

团队作业3:需求改进与系统设计

团队作业3:需求改进与系统设计一.需求&原型改进 1.1针对老师问题的修改 问题1​:老师提出“软件只用于PC端,软件是否也可以设置为移动端”。 ​修改1​:调整开发规划,将软件从仅支持PC端扩展为支持多端适配​…

软件工程团队作业3

软件工程团队作业3 系统设计&项目计划这个作业属于哪个课程 计科23级12班这个作业要求在哪里 团队作业3--需求改进&系统设计 - 作业 - 计科23级12班 - 班级博客 - 博客园这个作业的目标 完善系统设计,制定Alp…

[洛谷-P1364] 医院设置

普通的floyd就不讲了,如果数据量到了1e5以上,这就是一道树的重心的变式,求带权的重心。或者说用树型dp或dfs来优化最小值的查找。最终时间复杂度 \(O(n)\) 。以下代码是第一篇题解的风格变化+注释。 #include <b…

实现五折交叉验证进行模型训练 -

实现五折交叉验证进行模型训练1、实验目的 熟悉Python 的基本操作,掌握对数据集的读写实现、对模型性能的评估实现的能力; 加深对训练集、测试集、N折交叉验证、模型评估标准的理解。 2、实验内容 (1)利用pandas库…

KingbaseES:为银行核心系统迁移开启新航道 - 详解

KingbaseES:为银行核心系统迁移开启新航道 - 详解2025-11-22 20:38 tlnshuju 阅读(0) 评论(0) 收藏 举报pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; displ…

用 ffmpeg 命令去除视频的重复帧、剪视频、修改视频尺寸 - 详解

pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "Consolas", "Monaco", "Courier New", …

20232422 2025-2026-1 《网络与系统攻防技术》实验六实验报告

20232422 2025-2026-1 《网络与系统攻防技术》实验六实验报告 1.实验内容 本次实验是Metasploit工具的实战应用,先通过主机发现、端口扫描完成前期信息搜集,再针对Metasploitable2靶机的4个已知漏洞(Vsftpd后门漏洞…

毕业论文写作全流程:从选题到答辩的完整指南

毕业论文写作挑战重重,本文提供从选题到答辩的完整指南。选题与开题准备部分介绍选题原则方法、开题报告撰写及文献检索整理技巧;论文写作核心流程涵盖大纲搭建、摘要引言结论撰写、正文论证及参考文献规范;修改、降…

html空间如何添加滚动条

在HTML空间(通常指的是一个div元素)中添加滚动条,可以通过CSS样式来实现。以下是一个简单的示例,展示了如何为一个div元素添加垂直滚动条:HTML结构: <!DOCTYPE html> <html lang="en"> &l…

实用指南:Jenkins 持续集成与部署指南

pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "Consolas", "Monaco", "Courier New", …

2025年11月DR耐油橡胶热缩管,氟橡胶热缩管,防滑花纹热缩管厂家最新推荐:耐老化性能实测榜单

2025年11月DR耐油橡胶热缩管,氟橡胶热缩管,防滑花纹热缩管厂家最新推荐:耐老化性能实测榜单在热缩管市场中,DR耐油橡胶热缩管、氟橡胶热缩管以及防滑花纹热缩管等产品凭借各自独特的性能,在众多领域发挥着重要作用…

2025年11月DR耐油橡胶热缩管,线缆标识热缩管,防滑花纹热缩管厂商推荐:耐油等级与使用寿命解析

2025年11月DR耐油橡胶热缩管,线缆标识热缩管,防滑花纹热缩管厂商推荐:耐油等级与使用寿命解析在众多热缩管厂商中,广州容信塑胶制品有限公司是一家值得关注的企业。该公司成立于2009年1月,是一家专业的热缩套管、…

[游记]CSP 2025

和一位,能不能比去年考得好啊 /ll Day -114514 以领先分数线 \(\Theta(1)\) 分的优势苟进了复赛。 Day 10.28 csp 前最后一场模拟赛,获得了极低的分数,太有信心了! 深度思考一整场 1log 怎么做,结果是不知道经典 …