最近在整理自己的知识库,习惯把网上看到的好文章存到 Notion 和 Obsidian 里。毕竟好记性不如烂笔头,但有时候复制粘贴这个过程真的很让人头大。

特别是像极客时间这种技术比较硬核的平台,里面有很多代码块、引用和列表。直接用浏览器自带的复制功能,贴到本地笔记里,格式通常会乱成一锅粥,代码块的高亮也没了,还得手动去排版,费时费力。为了解决这个痛点,我琢磨了一下,写了个 Tampermonkey(油猴)脚本,专门用来搞定这个问题。

解决什么问题?

简单来说,就是当你选中极客时间文章里的某一段内容,按下 Ctrl+C 时,脚本会在后台默默帮你把富文本转换成标准的 Markdown 格式。这意味着你粘贴到笔记软件时:

  • 标题层级还在:H1、H2 这样的标题不会被识别成普通加粗文本。
  • 代码块不丢失:代码块会保留 Markdown 的语法,不仅内容对,格式也对。
  • 列表与引用正常:多级列表和引用块不会变成纯文本。
  • 链接与图片保留:文中引用的图片和外部链接也能一并带走。

Tampermonkey 浏览器扩展图标

Tampermonkey(油猴)扩展是运行此脚本的基础

脚本实现原理

既然是二创,咱们就稍微从技术上聊聊这东西是怎么做的。其实核心思路也不复杂,主要干了这几件事:

  1. 拦截复制事件:监听页面的 copy 事件,当用户在文章区域触发复制时介入。
  2. DOM 遍历与清洗:获取选中的 HTML 节点,过滤掉那些没用的广告、推荐阅读等杂乱元素,只保留正文。
  3. 格式转换:这是最关键的一步。脚本会把 HTML 标签映射到 Markdown 语法。比如把 <blockquote> 转成 >,把 <pre><code> 转成 代码块,把 <img> 转成 ![]() 等等。
  4. 写入剪贴板:最后把转换好的纯文本写入剪贴板,覆盖掉原本的富文本。

适用人群

这个工具非常适合那些习惯构建“第二大脑”的朋友。如果你经常需要从技术网站摘录内容,并且对笔记的格式有强迫症,那这个脚本绝对是提升效率的神器。省下来的手动排版时间,多看两篇文章不香吗?

怎么用?

安装非常简单,前提是你浏览器里已经装了 Tampermonkey 或 Violentmonkey 这类管理器。

  1. 打开脚本托管页面(GreasyFork)。
  2. 搜索脚本名称安装即可。
  3. 刷新极客时间页面,正常复制选中文本,然后在你的笔记软件里粘贴,体验一下丝滑的感觉。

目前我自己用了一段时间,在主流的笔记软件里表现都很稳定,没有出现什么乱码或者排版错乱的情况。如果你也有类似的整理需求,不妨试试看,希望能帮你省点事。

Markdown 格式对比 messy text

转换效果对比:标准 Markdown 格式(左)与普通复制的混乱格式(右)

标签: none

评论已关闭