资源传送门资源传送门资源传送门

偶然间发现自己收藏夹里不少教程贴或好文章都被 404 了。

本来是想着让它们在收藏夹里先吃着灰，有机会再来看，结果它们变成了灰，这是我没想到的。

虽然一些网站有 Wayback Machine（网站时光机）兜底，但很多帖子并不吃这一套。

果然啊，什么时候都得做两手准备，只放收藏夹里吃灰看来不太行。

我们得多找几处网页吃灰的场所，以备不时之需。

比如把它们保存到本地，或者剪贴到云端。

今天我带来了我的方案。

关于本地保存

目前关于我知道的保存网页效果最好的浏览器扩展应该是 SingleFile 了。

通过简单的操作，可以帮你把整个网页原汁原味的以单个 HTML 文件的方式保存在本地。

不过，美中不足的是它并不支持保存视频。

如果是对下载视频有需求的小伙伴，不妨用用星愿浏览器，当然那些提供嗅探功能的下载工具也能提供这样的服务。

说回 SingleFile，以我前段时间写的那篇天若 OCR 为例，去右上角点击扩展小图标，网页就开始了自动保存。

排版什么的不用说，和原网页没有一点差别。

但有一点需要注意。

就是，在保存的时候左下角虽然显示会「自动加载图像」，但实际上，如果是你刚打开的网页，不扒拉一遍的话，延迟加载的图片还是无法自动保存的。

至于动图或者长图，只要加载好了，SingleFile 并不会出什么幺蛾子，都能完完整整的存入本地。

你看，就是这么一个单 HTML 文件。

其实，网页中的图片是被转为 base64 编码，SingleFile 不像那些把图片资源另行保存的工具，自然也无需担心图片误删或图床失效的问题。

但 SingleFile 并非没有问题，比如一篇全由动图组成的网页，你保存下来的 HTML 文件会格外的大。

还有就是比如像小米官网里的 MIUI 那个页面，SingleFile 也会吃瘪。

官网：

经 SingleFile 保存本地：

所以对于一般的图文网页来说 SingleFile 是绝对的神器，但对于加载方式复杂、特效极多网站，SingleFile 也没什么用武之地。

不过你也看到了，SingleFile 是把网页全方位的保存下来，如果图文里有你不想要的东西怎么办？

比如，那篇公众号的右侧的二维码或最开始的合集栏：

简单，直接「F12」把它们都删了，然后再用 SingleFile 保存就好了：

看看这是删除后的效果：

不该有的都消失了，网页上的东西都可以通过这样的手段处理后再保存。

可别觉得麻烦，等你回过头读起来就知道有多顺心了。

如果再让我推荐一款除 SingleFile 外的本地保存扩展，我脑子里第一时间的想到的是 SimpRead（简悦）。

我很早之前就在用简悦了，它是从做阅读模式起家，一步步的成长为了一点也不简单的生产力工具。

点击右上角扩展小图标，然后当前网页就会进入到对应的阅读模式：

你也看到了，可以更改主题色、字体类型大小、版宽、行字间距、首行缩进等等，甚至还能做笔记：

然后可以把你调教好的网页导出到本地：

同样把它导出为单文件的 HTML，和阅读模式下的网页无差别，而且还保留了笔记。

阅读模式相当于帮你剔除掉了和正文无关的内容，你看那个二维码和合集栏不都消失了嘛：

虽然转换的格式多，但 PDF 什么的排版该乱还是乱，动图什么的该加载不出来还是加载不出来。

而且和 SingleFile 相比，简悦保存的 HTML 单文件大小更大。

最关键的是，相比 SingleFile，简悦的阅读模式下保存的方式少了网页的原汁原味，好看的排版都被丢了。

这也是为啥我不先介绍简悦的理由，但如果你丝毫不介意这些，完全可以把简悦当成你的生产力工具。

不过先别急，不光有把网页保存到本地的方案，还有云端保存这条路可以走。

关于云端保存

简悦就支持云端保存，在动作那里可以保存到各个云盘或笔记工具：

但当我尝试了一下，发现保存的只有网页链接和标题。

这是 flomo：

这是印象笔记：

这和我想的可不一样，我想的是类似于把那个 HTML 单文件上传到网盘的效果。

当然了，不担心文章 404 的小伙伴完全可以把简悦和其他工具当成中转站，跟收藏是一个效果。

但如果你不想这么简单，可以试试 Web Clipper 这个扩展。

同样是点击扩展图标，不过不是让你保存到本地了，而是需要你绑定个账户：

我这里选的有道云笔记，然后关了设置页，你会发现你的网页变成了这样：

你可以选择四种方式把网页保存到云端：书签（和简悦一样只保存链接）、整个页面（因为是改成 MarkDown 格式，所以可能会有乱码）、智能提取（没毛病）、手动选择（丑）。

上面括号里的评价真不是瞎说的，我给大家展示一下。

这是乱码：

这是丑：

这是没毛病：

想要更改文章内容，在左侧实时预览里直接增删改就好了。

最后把图文上传到笔记、云端中。

然后你就能在有道云笔记上找到这篇文章了：

我查了一下笔记中关于同一张图的链接，发现它们的链接是一样的。

这要是 404 或者原图挂了，笔记里面的图也得跟着倒霉。

Web Clipper 提供了 3 个图床供你选择，GitHub 果然是工具人。

总的来说，Web Clipper 是个合格的剪藏工具，但我们的目标是一致的：

把网页上想要的东西给搞到自己手中。

关于知识库

我们把网页保存起来的目的是为了什么？

我的答案是想依此搭建自己的知识库，或者说信息库。

注意了，这里说的是知识库，而非数据库，毕竟有搜索引擎这种东西的存在，我们预期把看到的都存起来，不如掌握一些搜索引擎的高阶玩法。

不过单纯的保存在本地其实并不讨喜，因为它会让信息变得格外臃肿，淹没了信息的价值，搜寻管理起来，不如重新上网搜关键词来的爽利。

本地信息库的管理是额外的选题了，对这方面有想法的小伙伴不妨评论区交流一下，我想的是利用 Archivarius 之类的工具建立起索引，或利用 Everything 之类的工具开启 HTTP 服务器进一步对保存在本地的工具进行操作。

两者并不冲突，像这种本地化管理的技巧或工具我们有机会开个单篇或者弄个系列再来讨论，这里只是个思路。

至于云端保存这种形式，网盘或者笔记软件本身就存在管理的说法，省事省时间那是必须的。

而且云端保存也相对安全一些，至于跑路，被封等意外情况我们还是不讨论了。

就，相信大厂良心吧。

但无论哪种方式，它们都是相辅相成的，何况有时候多做个备份绝对不是什么坏事。

既然说到知识库了，我再和大家聊点我的看法：

真正值得收藏保留的东西应该是有用却一时无法完全消化，或质量极佳、一见倾心，或帮你把信息整理总结好的文章。

要远离那些看着很厉害，却和自己完全不搭嘎的东西。

毕竟臃肿是搭建自己知识库的头号敌人。

除了在一开始筛选时多把把关，隔段时间清洗一遍自己的收藏也不失为一个好办法。

思想会变、技术会变，所谓知识信息的适用性也会变。

这么来看，断舍离的减法才是我们真正要掌握的技能。

而对于收藏的内容本身而言，如果有时间，真的应该对标题归类多下功夫，这是通向便捷的财富密码。

总结

我对自己知识库的搭建还没有找到真正的方法论，自己的笔记或者收藏的东西还存在于各个工具的角落。

趁着做这个公众号慢慢摸索呗，没准我就从哪个小伙伴那里发现新的惊喜了。

但如果上面那几个工具对现在的你有帮助，不妨吃下我的安利，试试又不吃亏嘛。

这一篇到这里就结束了，我们有缘下篇再见咯。