从浏览器书签批量导入至Typecho webstack钻芒二开,适用于懒人及有几百个书签的用户

导出书签

直接从浏览器导出书签即可,导出的格式为html

整理数据

复制以下js代码放入html文件中

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        var rootTag = $("DL").eq(0);
        getAll(rootTag, json);
        console.log(JSON.stringify(json));
        console.log(json);

    })
    var json = [];

    function getAll(tag, datas) {
        $.each($(tag).children("dt"), function(index, item) {
            if ($(item).children(":has(a)").length == 0) {
                datas.push({
                    name: $(item).children("a").html(),
                    href: $(item).children("a").attr("href"),
                });
            } else {
                var ssd = {
                    name: $(item).children("h3").html(),
                    children: []
                };
                datas.push(ssd);
                $.each($(item).children("dl"), function(index, item2) {
                    getAll(item2, ssd.children);
                });
            }
        })
    }
</script>

运行html,F12-控制台,复制第一栏的json格式的数据

请严格参照以下格式,并保存为bookmark.json,你也可以不参照我的格式,自己清洗数据即可。

[{"name":"这是书签名称","href":"这是链接"},{"name":"这是书签名称","href":"这是链接"}]
PS: 我使用的是win10的edge浏览器导出的html

安装Typecho Post插件

下载链接: 密码:gkw87a

安装后在后台设置好登录用户名,密码,key,可以创建个编辑权限的用户。

发送POST请求

网站根目录下新建文件夹post

打开post文件夹,上传bookmark.json文件

新建index.php,复制以下内容

此处内容需要评论回复后(审核通过)方可阅读。

执行代码

直接浏览器输入你的网址url/post即可。如果在上一步设置了类目变量,则yourURL/post/?category=number

完成后检查后台和前台是否正常。

提示

到这里,导入就算完成了,完成后的前台是没有icon的,自己去找一个自动获取网站icon图标的API替换掉图片地址即可。

比如

<?php if ($posts->fields->logo != null) :?> //后台手动填写了图标地址
    <img src="<?php $posts->fields->logo ?>">
<?php else :?>{
    <img src="api_URL">
<?php endif ?>
最后修改:2022 年 01 月 10 日
如果觉得我的文章对你有用,请随意赞赏