news 2026/9/2 14:22:43

Joplin 网页剪辑器完整指南:3 种模式把网页存成笔记

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Joplin 网页剪辑器完整指南:3 种模式把网页存成笔记

Joplin 网页剪辑器完整指南:3 种模式把网页存成笔记

【免费下载链接】joplinJoplin - the privacy-focused note taking app with sync capabilities for Windows, macOS, Linux, Android and iOS.项目地址: https://gitcode.com/GitHub_Trending/jo/joplin

你刚读到一篇好文章,合上浏览器后却发现链接找不到了——收藏的参考页、想回看的教程、随手记下的产品对比,地址全散落在浏览器历史里。Joplin 的网页剪辑器就是为这类场景准备的:它是一个浏览器扩展,把网页直接剪藏成 Joplin 笔记,随你的笔记一起同步到手机和平板,下次打开就能看到。

安装启用:三步连好浏览器和笔记

网页剪辑器需要借助 Joplin 桌面应用来中转数据,所以第一步是装好 Joplin 桌面版(支持 Windows、macOS、Linux)。之后按下面操作:

  1. 打开 Joplin 桌面应用的设置界面,找到Web Clipper(网页剪辑器)分区,按照页面里的提示安装对应浏览器的扩展(Chrome、Edge、Firefox 均可)。
  2. 确认设置里的剪辑器服务处于启动状态,浏览器工具栏出现 Joplin 图标即表示连接成功。
  3. 点开图标试剪一个页面,笔记会出现在你上次选定的笔记本中。

扩展本身的源码位于 packages/app-clipper,如果你更关注行为细节(快捷键、权限范围),可以直接看它目录下的 manifest.json。

三种网页剪藏方式:什么内容该用哪种

点开剪辑器弹窗后,你会看到三个按钮,它们分别对应三种内容类型:

读文章、看博客:用简化页面

这是最常用的模式。它会去掉导航栏、广告、侧边栏这些干扰元素,只留下正文和配图,输出为结构清晰的 Markdown。新闻、博客、长文阅读笔记——凡是"只关心内容本身"的页面,都选它。

存文档、留对照:用完整页面

有些页面的价值在于排版和整体结构,比如 API 文档、数据表格页、设计稿对照页。完整页面模式会保留网页的原始结构和全部元素,保存下来就像在浏览器里看到的原样,适合"以后要对着原样查"的场景。

只截一部分:用截图

图表、UI 设计、复杂排版不适合转成文字,截图模式允许你框选屏幕上的指定区域,把需要的部分精确抓下来。它和前两种模式互补:整页文字内容用前两种,零散视觉内容用截图。

💡 一个小习惯:剪藏时顺手给笔记加个标签,日后用 Joplin 的全局搜索找起来快得多。

细节调优:链接怎么显示、去哪改

剪藏进来的 Markdown 里,链接的显示方式有两种,可以在 Joplin 的网页剪辑器设置里切换:

  • 链接截断(默认):长 URL 只显示域名部分,笔记更干净易读,适合分享和阅读。
  • 完整链接:保留完整地址,点击即可直达原始来源,适合需要精确回溯出处的场景。

切换为完整链接模式后,笔记里的 URL 会原样保留,包括本地服务的完整地址:

除了链接显示,还有两个常用项值得了解:

  • 默认笔记本:剪辑器会把内容存到你上次选定的笔记本,按主题分好笔记本,剪藏内容自然各归其位。
  • 快捷键:不点图标也能剪。Alt+Shift+J打开剪辑器,Alt+Shift+C直接剪藏完整页面(快捷键定义见 packages/app-clipper/manifest.json)。

如果剪藏没有反应,多半是桌面端服务没启动或端口被防火墙拦了,回设置界面的 Web Clipper 分区检查服务状态和端口即可,详见官方说明 readme/apps/clipper.md。

从下个网页开始

打开一个你最近想存却懒得存的页面,点一下工具栏的 Joplin 图标,选个模式,确认——笔记就进库了。整个流程练熟之后,剪藏会成为你浏览时最顺手的一步,而 packages/app-clipper 里的源码则留给想深入了解或动手改造的你。

【免费下载链接】joplinJoplin - the privacy-focused note taking app with sync capabilities for Windows, macOS, Linux, Android and iOS.项目地址: https://gitcode.com/GitHub_Trending/jo/joplin

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/9/2 14:21:56

OCRmyPDF 扫描PDF加OCR文本层:从安装到并行处理实操

OCRmyPDF 扫描PDF加OCR文本层:从安装到并行处理实操 【免费下载链接】OCRmyPDF OCRmyPDF adds an OCR text layer to scanned PDF files, allowing them to be searched 项目地址: https://gitcode.com/GitHub_Trending/oc/OCRmyPDF 一份 200 页的纯扫描 PDF…

作者头像 李华
网站建设 2026/9/2 14:20:12

从胶水脚本到一人公司:用Hermes OPC架构重构多智能体协作

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

作者头像 李华
网站建设 2026/9/2 14:19:41

5 分钟跑通 MediaPipe Tasks:实时目标检测与跨平台部署实战指南

5 分钟跑通 MediaPipe Tasks:实时目标检测与跨平台部署实战指南 【免费下载链接】mediapipe Cross-platform, customizable ML solutions for live and streaming media. 项目地址: https://gitcode.com/GitHub_Trending/med/mediapipe 你的 App 需要在相机画…

作者头像 李华
网站建设 2026/9/2 14:19:40

AI克隆智能体实战:从人设、记忆到工具调用的完整架构

最近在 Hacker News 的 Show HN 板块看到一个很有意思的项目 Manner,一句话描述就是:开发者创建 AI 克隆,客户可以像雇佣员工一样使用它们。这个定位让“AI 代理”从企业自建工具,变成了一种可以打包交付、按岗位雇佣的数字劳动力…

作者头像 李华
网站建设 2026/9/2 14:15:58

yuzu模拟器使用指南:五步在电脑上跑通你的第一款Switch游戏

yuzu模拟器使用指南:五步在电脑上跑通你的第一款Switch游戏 【免费下载链接】yuzu 任天堂 Switch 模拟器 项目地址: https://gitcode.com/GitHub_Trending/yu/yuzu yuzu 是一款用 C 编写的开源免费任天堂 Switch 模拟器,官方维护 Windows、Linux …

作者头像 李华
网站建设 2026/9/2 14:07:47

Magisk 安装指南:给安卓 Root 打补丁的完整流程

Magisk 安装指南:给安卓 Root 打补丁的完整流程 【免费下载链接】Magisk The Magic Mask for Android 项目地址: https://gitcode.com/GitHub_Trending/ma/Magisk Magisk 是目前最常用的安卓 Root 方案:它把注入点放在开机最早的 boot 阶段&#…

作者头像 李华