一粘即用,Obsidian 网页链接快速排版术

在用 Markdown 专注写作时,常常需要粘贴各种 URL。每当粘贴一个链接后,我们都不得不手动编辑,为它加上一个清晰可读的标题。这个看似微不足道的操作,日积月累,却成了影响沉浸式写作体验的一个痛点。

今天 Xylon 在评论中提到:

麦冬,遇到个难题,有没有插件能够实现这样功能:我粘贴外部图像 url 链接,粘贴到 obsidian 上,自动转换成 ![filename](url) 这样格式,实现预览。

我其实自己也有类似的需求,粘贴链接后,能自动获取链接的标题,并格式化成 mark down 的链接格式。 而且每天都会粘贴很多链接到 Obsidian 中,手动编辑标题非常麻烦。今天就正好借机来分享一下这个功能的实现。

技术选型

经过一番搜寻和测试,我筛选出了几款能实现此功能的 Obsidian 插件,它们各有千秋。

  1. Paste Link:功能直接,能自动获取链接标题,但获取过程是阻塞式的,粘贴后需要稍等片刻,交互上略有卡顿感。
  2. Auto Link Title: 同样能自动获取标题,优点是支持异步处理,粘贴后即可继续写作,标题会在后台自动抓取并替换。
  3. Paste URL into selection: 这款插件交互体验很好,你可以先选中一段文字,再粘贴 URL,它会自动将这段文字转换为链接的标题。
  4. Smart Link Formatter: 这是我目前的最终选择。它不仅支持异步获取标题,还提供了丰富的元数据。例如,粘贴 YouTube 视频链接时,它能自动带上频道信息、观看数等,功能十分强大。

目前来看,Smart Link Formatter 对图片的支持还不够完美,粘贴图片链接后,仍需我们手动在最前面加上 ! 符号才能正常预览。我已经向作者反馈了这个问题,期待后续的更新能带来更完美的体验。

我目前选择的是 Smart Link Formatter,因为它支持异步获取链接标题,并且提供了丰富的元数据。

效果展示

耳听为虚,眼见为实。让我们看看 Smart Link Formatter 的实际表现。

测试示例

示例 1: 粘贴链接

粘贴板:https://obsidian.md
粘贴后自动变成
[Obsidian - Sharpen your thinking](https://obsidian.md)

插件自动抓取了网页的 Title 作为链接标题,点击即可跳转,清晰明了

示例 2: 粘贴图片链接

粘贴板:https://fanying-file.oss-cn-shanghai.aliyuncs.com/yhkt/business/4c1268e2-d9b3-4eb8-b0e6-f0197f9fd436.jpg
粘贴后自动变成
[](https://fanying-file.oss-cn-shanghai.aliyuncs.com/yhkt/business/4c1268e2-d9b3-4eb8-b0e6-f0197f9fd436.jpg)

少了个 ! 符号,导致图片无法预览。 期望是变成

![](https://fanying-file.oss-cn-shanghai.aliyuncs.com/yhkt/business/4c1268e2-d9b3-4eb8-b0e6-f0197f9fd436.jpg)

手动加又比较蛋疼,所以这里我基于 Templater 插件写了个脚本,代码很简短

<%*
// 检测剪贴板内容是否为图片链接
const clipboardText = await tp.system.clipboard();
if (clipboardText.match(/\.(jpg|jpeg|png|gif|webp|svg)$/i)) {
    tR += `![](${clipboardText})`;
} else {
    tR += clipboardText;
}
_%>

我为这个模板的插入,配置好快捷键,比如:ctrl+alt+v,这样每次粘贴图片链接时,只需按下这个快捷键,就能自动加上 ! 符号,生成可预览的图片链接。

示例 3: 粘贴 YouTube 视频链接

粘贴板:https://www.youtube.com/watch?v=Wrv-ykwumds
粘贴后自动变成
[【ENGSUB】❤️‍🔥萝莉配大枪,就算没有以后,这一战也足以封神!《灵笼 第二季》 乌兰麦朵特辑【原创/战斗/科幻\| Made By Bilibili】](https://www.youtube.com/watch?v=Wrv-ykwumds) by 哔哩哔哩动画Anime Made By Bilibili - 欢迎订阅 - : 【欢迎订阅】哔哩哔哩动画频道:
......此处略过一堆视频的描述......

它不仅抓取了完整的视频标题,还附带了发布者和部分描述信息,让链接的上下文一目了然

总结

对于每天都需要在 Obsidian 中记录和整理大量链接的用户来说,实现 URL 的自动格式化无疑能极大提升幸福感和工作效率。 希望这个小技巧能帮助到你,让你的写作更加流畅无阻。

更多延伸阅读,按需探索:

  1. 剪藏网页内图片一键下载
  2. 告别图床!Obsidian 这个插件,让公众号发布回归纯粹的本地化
  3. Obsidian 附件管理的最佳实践