网页归档工具-Web-Archive

type

status

date

slug

summary

简介

这里先介绍一下-Web Archive，它和最著名的服务“Wayback Machine”（时光机）类似，能够抓取和存档网页，并允许用户在过去的不同时间点查看这些网页的快照。这里附上项目开源地址先

这是作者对该项目的介绍：

Web Archive 是一个网页归档工具，包含以下几个部分：

浏览器插件：将网页保存为网页快照，并上传到服务端。

服务端：接收浏览器插件上传的快照，并存储在数据库和存储桶中。

web 客户端：查询快照并展示。

服务端基于 Cloudflare Worker 的全套服务，包含 D1 数据库、R2 存储桶

预览图

这里附上一张部署完成后的图片：

整体效果还是不错的，接下来将怎么部署吧

部署教程

以下部署内容参考官方部署文档，可以在github项目地址中找到使用该教程需要电脑本地安装node环境

1. 下载代码

在项目的release 页面下载最新的 service.zip，解压后在根目录执行后续操作（可以cd到该目录或者直接在文件管理器上方地址栏输入cmd后回车）。

2. 登录Cloudflare

在该目录的cmd下运行如下命令

会返回一个登陆链接地址，将他从cmd复制出来后再浏览器打开，然后登陆即可

3. 创建 r2 存储桶

运行如下命令（或者在cloudflare-r2储存桶相关位置手动创建也行，名字叫‘web-archive’的储存桶即可）

成功会输出如下内容：

4. 创建 d1 数据库

运行如下命令（同样的，此步骤也可以在cloudflare数据库位置手动创建）

执行成功会输出如下内容：

拷贝最后一行，替换 wrangler.toml 文件中 database_id 的值（手动操作的话可以在数据库信息查到该值）。

然后执行初始化 sql: 运行如下命令

执行成功会输出如下内容：

5. 部署服务

运行如下命令

执行成功会输出如下内容：

如何更新

命令部署时，需要下载最新的代码并手动更新。

后续使用

在部署成功之后前往cloudflare找到该项目后绑定域名即可访问（有魔法直接用项目链接也可以访问，没有域名的可以参考本站免费域名注册一个）

网页汉化

关于部署后的网页是英文的界面，这个项目作者没有提供语言切换相关功能（也可能是我没找到），好在这个语言影响的知识前端部分，所以汉化显得比较简单，只需要更改service\\src\\static\\index.js文件中和网页上对应的内容为中文即可，例如网页上folders字样，只需要在文件中搜索该字样然后改为中文即可，注意不是所有字样都需要修改，部分字样修改会导致无法运行，在不确定的情况下建议修改一下部署测试一下，博主在很久之前部署的，所以源文件不见了，不然就放这里了，实在不行英文界面也问题不大。该工具使用需要配合浏览器插件使用，这里附上插件地址： google插件商店无法访问的也可以看原作者的项目主页release，里面有插件安装包，到这里就可以开始快乐使用啦