2019-10-05-网页剪藏方法

网页在线剪藏如印象笔记有数据量限制。因此找一个离线的网页剪藏工具很有必要。相对于ctrl+s，这种工具还可以按区域剪藏，对js和css也有很好的支持，如下：

MaoXian web clipper

如果想要要离线html来索引已经剪藏的网页，则需要

https://mika-cn.github.io/maoxian-web-clipper/offline-page/index.html

然而，我更想实现的在github page的子页面里面索引，比如username.github.io/clip进行访问，则需要将压缩包里index.html和其他同级的clippings.js、config.js、assets等解压到剪藏根目录如G:\DOWNLOAD\mx-wc，然后修改G:\DOWNLOAD\mx-wc\assets\tool.js的r += '../'为r += './'。如果少了这一步，则索引的链接不是正确的http://username.github.io/clip/default/2019-10-04-1570182388/index.html，而是错误的http://username.github.io/default/2019-10-04-1570182388/index.html

然后配置github page访问：

在_config.yml里面增加skip_render：

skip_render:
 - clip/**

在username.github.io/source文件夹下面打开命令行输入如下命令：

mklink /j clip G:\DOWNLOAD\mx-wc

然后hexo g之后hexo s，打开<http://localhost:4000/clip/>查看效果。

---

clipper的数据安全：

MaoXian会崩溃，然后chrome重新下载恢复。

但是这样我的页面历史索引会清空，然后应该安装maoxian-web-clipper-native-windows-chrome，安装方法有点容易误解。

config.yaml里面data_dir应该为数据根目录，如果cmd运行install不行就用管理员cmd。

需要重新扫描索引以前的html，需要点击插件的历史-重置历史-选择文件-选择数据根目录-确认即可

然后重新定向json到根目录。