当前位置: 首页 > news >正文

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

📘 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.jsqmd.com/news/47865/

相关文章:

  • html空间怎样设置边距
  • 单步电梯调度系统总结
  • html空间怎样实现浮动
  • 扩散模型变天?何恺明发布JiT架构,揭示高维空间预测的真相
  • 完整教程:LLama 3分组查询注意力与KV缓存机制
  • #关于对[淄博市实验中学]高一31班某同学实施严重校园欺凌及校方处置不力问题的举报信
  • 使用routers自动生成路由的路由器设计原则,类视图设计原则,序列化器类的设计原则
  • 团队作业3:需求改进与系统设计
  • 软件工程团队作业3
  • [洛谷-P1364] 医院设置
  • 实现五折交叉验证进行模型训练 -
  • KingbaseES:为银行核心系统迁移开启新航道 - 详解
  • 用 ffmpeg 命令去除视频的重复帧、剪视频、修改视频尺寸 - 详解
  • 20232422 2025-2026-1 《网络与系统攻防技术》实验六实验报告
  • 毕业论文写作全流程:从选题到答辩的完整指南
  • html空间如何添加滚动条
  • 实用指南:Jenkins 持续集成与部署指南
  • 2025年11月DR耐油橡胶热缩管,氟橡胶热缩管,防滑花纹热缩管厂家最新推荐:耐老化性能实测榜单
  • 2025年11月DR耐油橡胶热缩管,线缆标识热缩管,防滑花纹热缩管厂商推荐:耐油等级与使用寿命解析
  • [游记]CSP 2025
  • 11.22题解
  • 电梯调度问题的三次迭代
  • 【minimap2】一定要注意组合参数
  • 3-数据库
  • 4-java
  • 重构高阶智驾:天瞳威视以国产芯片,解锁Robotaxi平民化路径 - 实践
  • 1-计算机网络
  • 实用指南:MCU定点计算深度解析:原理、技巧与实现
  • 2-操作系统
  • html空间如何添加图片