尧图网站建设 尧图网络
  • 首页
  • 关于我们
  • 服务项目
  • 案例展示
  • 建站流程
  • 资讯中心
  • 联系我们
首页/资讯中心/详情

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

打造你的超级学习流:Chrome + ChatGPT Sidebar + Anki 全流程整合
📅 发布时间:2026/6/19 17:47:04

📘 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。

相关新闻

  • html空间怎样实现浮动
  • 完整教程:LLama 3分组查询注意力与KV缓存机制
  • 团队作业3:需求改进与系统设计

最新新闻

  • purl.js片段解析实战:处理hash路由和URL锚点参数
  • CANN/asc-devkit SIMD矢量标量比较API
  • 方法耗时计算 + 匿名内部类 - -z-w-h
  • Upscayl图像放大终极指南:从模糊到高清的AI魔法解密
  • ComfyUI-KJNodes:5步掌握AI工作流效率跃升的核心技术
  • 如何安装BlockParty广告拦截器?iOS与macOS平台的快速上手教程

日新闻

  • 5分钟掌握Python进化算法:Geatpy高性能优化工具完全指南
  • Microchip 24AA044 EEPROM选型与应用全指南:从参数解析到实战编程
  • 华为的鸿蒙到底有多牛?为什么称作遥遥领先?

周新闻

  • 3步解锁iOS设备:applera1n激活锁绕过完全指南
  • 39 2026 人工智能证书终极盘点,普通人选 AI 证书可以从这些方向入手
  • Redis 暴露公网有多危险?从端口检查到补救步骤

月新闻

  • 【总结】入门篇:50句话让你记住架构核心概念
  • WeChatMsg技术方案解析:实现Mac微信数据自主管理的完整解决方案
  • WeChatMsg:革新性微信数据备份方案,打造你的专属数字记忆库

关于尧图

  • 公司简介
  • 团队介绍
  • 企业文化
  • 荣誉资质

服务项目

  • 定制开发
  • 电商建站
  • UI 设计
  • 运维服务

快速链接

  • 案例展示
  • 建站流程
  • 常见问题
  • 资讯中心

联系方式

  • 📍北京市朝阳区互联网产业园 A 座 10 层
  • 📞400-888-8888
  • ✉️contact@rkmt.cn
  • 🕐周一至周日 9:00-21:00

© 2024 北京尧图网络科技有限公司 版权所有 | 京 ICP 备 XXXXXXXX 号