返回

Bookmark到Chrome浏览器逆向输出-深挖实用技巧

前端

一、准备工作

在开始转换之前，我们需要先安装一些必要的工具。

  • Node.js
  • gulp
  • parse-bookmark

Node.js和gulp的安装方法可以参考网上教程。parse-bookmark是一个我自己写的工具，可以将书签转换成json/markdown格式，安装方法如下：

npm install -g parse-bookmark

二、转换过程

  1. 导出浏览器书签

首先，我们需要将浏览器书签导出成html格式。在Chrome浏览器中，我们可以通过以下步骤导出书签：

  1. 点击浏览器右上角的“更多”按钮。

  2. 选择“书签”>“书签管理器”。

  3. 点击“导出书签”按钮。

  4. 选择一个位置保存书签文件。

  5. 使用parse-bookmark转换

接下来，我们需要使用parse-bookmark工具将导出的书签文件转换成json/markdown格式。我们可以通过以下命令转换书签文件：

parse-bookmark bookmark.html -o bookmark.json
  1. 将json/markdown格式转换成html

最后，我们需要将json/markdown格式的书签文件转换成html格式。我们可以使用gulp来完成这个任务。首先，我们需要创建一个gulpfile.js文件，内容如下：

var gulp = require('gulp');
var parseBookmark = require('parse-bookmark');

gulp.task('default', function() {
  return gulp.src('bookmark.json')
    .pipe(parseBookmark.html())
    .pipe(gulp.dest('bookmark.html'));
});

然后，我们可以通过以下命令运行gulp任务：

gulp

这样，我们就得到了一个html格式的书签文件。

三、将html格式的书签文件放到博客里

我们可以将html格式的书签文件放到博客里，这样就可以在博客中快速访问自己的书签了。具体方法如下：

  1. 将html格式的书签文件上传到博客的服务器上。
  2. 在博客文章中插入以下代码：
<iframe src="bookmark.html" width="100%" height="600px"></iframe>

这样，我们在博客中就可以看到自己的书签了。

四、结语

以上就是将浏览器书签反向转换成Chrome浏览器书签html的方法。希望这篇博文对大家有所帮助。