Joplin网页剪藏插件安装教程:一键保存网页内容到笔记

立即下载Joplin 中文下载站 全平台支持 · 官方最新版

Joplin Web Clipper简介

Joplin Web Clipper是Joplin官方提供的浏览器扩展,可以一键将网页内容保存到Joplin笔记中。无论是保存文章、截取网页截图还是收藏网页链接,Web Clipper都能轻松完成。它是构建个人知识库的重要工具,配合Joplin的标签和搜索功能,可以高效管理网页信息。

安装前准备

确认Joplin版本

Web Clipper需要Joplin 1.0及以上版本:

  1. 打开Joplin桌面版
  2. 「帮助」→「关于」查看版本号
  3. 如果版本过低,先更新到最新版

开启Web Clipper服务

Joplin桌面端需要开启API服务,浏览器扩展才能与之通信:

  1. 打开Joplin桌面版
  2. 进入「工具」→「选项」→「Web Clipper」
  3. 勾选「Enable Web Clipper Service」
  4. 记下显示的端口号(默认41184)
  5. 点击「OK」保存

获取授权令牌

  1. 在Web Clipper设置页面点击「Show token」
  2. 复制显示的授权令牌(Token)
  3. 这个令牌在浏览器扩展配置时需要用到

安装浏览器扩展

Chrome安装

  1. 打开Chrome网上应用店
  2. 搜索「Joplin Web Clipper」
  3. 点击「添加到Chrome」
  4. 确认安装

Edge安装

  1. 打开Edge扩展商店
  2. 搜索「Joplin Web Clipper」
  3. 点击「获取」
  4. 确认安装

Firefox安装

  1. 打开Firefox附加组件页面
  2. 搜索「Joplin Web Clipper」
  3. 点击「添加到Firefox」
  4. 确认安装

手动安装(无法访问应用店时)

如果无法访问Chrome应用店,可以手动安装:

  1. 从Joplin GitHub仓库下载扩展源码
  2. 解压到本地目录
  3. Chrome地址栏输入 chrome://extensions/
  4. 开启右上角「开发者模式」
  5. 点击「加载已解压的扩展程序」
  6. 选择解压后的目录

配置Web Clipper

连接Joplin桌面端

安装扩展后需要与Joplin桌面端建立连接:

  1. 点击浏览器工具栏中的Joplin图标
  2. 扩展会自动检测本地Joplin服务
  3. 如果自动检测失败,手动输入:
    • Server URL:http://127.0.0.1:41184
    • Token:之前复制的授权令牌
  4. 点击「Test connection」测试连接
  5. 显示「Connected」表示连接成功

验证连接状态

连接成功后,扩展图标会变为彩色(未连接时为灰色)。点击图标可以看到Joplin中的笔记本列表,说明配置正确。

剪藏模式详解

Joplin Web Clipper提供多种剪藏模式,适应不同场景:

剪藏模式 保存内容 适合场景
Complete page 整个网页(含样式) 保存完整页面
Simplified page 简化版网页(正文) 保存文章内容
Screenshot 网页截图 保存页面外观
Bookmark 仅标题和链接 收藏网址
Selection 选中的内容 保存部分内容

各模式使用方法

完整页面剪藏

  1. 在要保存的网页上点击Joplin图标
  2. 选择「Complete page」
  3. 选择目标笔记本
  4. 可添加标签和备注
  5. 点击「Save」保存

简化页面剪藏

简化模式会自动提取网页正文内容,去除广告、导航栏等干扰元素:

  1. 点击Joplin图标
  2. 选择「Simplified page」
  3. 预览简化后的内容
  4. 选择笔记本和标签
  5. 保存

选定内容剪藏

  1. 在网页上用鼠标选中要保存的文字或图片
  2. 右键点击选中区域
  3. 选择「Joplin Web Clipper」→「Clip Selection」
  4. 选择笔记本保存

截图剪藏

  1. 点击Joplin图标
  2. 选择「Screenshot」
  3. 选择截图区域(整页/可视区域/选区)
  4. 保存到Joplin

自定义剪藏设置

默认笔记本设置

  1. 右键点击扩展图标→「Options」
  2. 在「Default notebook」中选择默认保存位置
  3. 设置后剪藏时不需要每次手动选择笔记本

标签自动添加

可以设置自动添加标签规则:

  1. 在Options页面找到「Tags」设置
  2. 添加默认标签(如 网页剪藏)
  3. 也可以设置基于域名的标签规则:
    • github.com → 技术 GitHub
    • wikipedia.org → 参考 百科

剪藏模板

自定义剪藏内容的格式模板:

# {{title}}

来源:{{url}}
日期:{{date}}

---

{{content}}

可用的变量:

常见安装问题

问题1:扩展无法连接Joplin

排查步骤:

  1. 确认Joplin桌面端正在运行
  2. 确认Web Clipper服务已开启
  3. 检查端口号是否正确(默认41184)
  4. 检查防火墙是否阻止了本地端口
  5. 尝试重新输入Token

问题2:Token不匹配

原因:重新安装Joplin后Token会变化。

解决:

  1. 在Joplin中重新查看Token
  2. 在扩展Options中更新Token
  3. 重新测试连接

问题3:扩展图标不显示

原因:扩展被固定到扩展菜单中。

解决:

  1. 点击浏览器地址栏右侧的拼图图标
  2. 找到Joplin Web Clipper
  3. 点击旁边的「固定」图标(📌)
  4. 扩展图标会显示在工具栏

问题4:剪藏内容为空

原因:网页使用了动态加载,剪藏时内容尚未加载完成。

解决:

  1. 等待页面完全加载后再剪藏
  2. 尝试使用「Complete page」模式
  3. 或先选中内容再使用「Selection」模式

使用技巧

配合标签快速整理

批量剪藏

离线阅读

剪藏保存的内容会存储在Joplin本地数据库中:

总结

Joplin Web Clipper的安装核心是:在Joplin桌面端开启Web Clipper服务→获取Token→安装浏览器扩展→输入Token建立连接。连接成功后,多种剪藏模式可以满足不同场景的网页保存需求。建议设置默认笔记本和标签规则,减少每次剪藏的操作步骤,提升信息收集效率。

这篇教程有帮助吗?立即下载Joplin 中文下载站试试吧!

全平台支持 · 安全无毒 · 官方最新版