简书（简书是什么）

【点击查看】低成本上班族靠谱副业好项目 | 拼多多无货源创业7天起店爆单玩法

【点击查看】逆林创业记 | 拼多多电商店铺虚拟类项目新玩法（附完整词表&检测工具）

【点击查看】逆林创业记 | 小白ai写作一键生成爆文速成课

领300个信息差项目，见公众号【逆林创业记】（添加请备注:网站）

简书是没有目录的简书，看长篇文章太难受了简书，下面分享一个可以在简书屏蔽广告和添加扩展目录的脚本（Chrome浏览器）：

1. 在Google扩展插件中添加油猴脚本(Tampermonkey)插件2. 点击右上方添加的扩展，添加新脚本

3. 把下面的代码复制保存即可，打开简书会自动生成目录

// ==UserScript==
// @name                自动生成简书文章目录
// @namespace           create-catalog
// @version             1.3
// @author              2024
// @description         给简书增加目录功能（通过识别h1-h6标题，自动生成目录放于页面的左侧）
// @match               http://www.jianshu.com/p/*
// @match               https://www.jianshu.com/p/*
// @grant               none
// @require             https://cdn.bootcss.com/jquery/3.4.1/jquery.js
// @require             https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js
// ==/UserScript==
var version = 1;
// 获取简书阅读模式
function getReadMode(){
    return $.cookie('read_mode') || 'day'
}
// 获取样式风格
function getStyle(){
    if(getReadMode() === 'day'){
        return {
            background: 'white',
            color: 'black'
        }
    } else {
        return {
            background:'#3d3d3d',
            color:'#b3b3b3'
        }
    }
}
//去除字符串所有空格
function trim (str, is_global) {
    var result;
    result = str.replace(/(^s+)|(s+$)/g, "");
    if (is_global&&is_global.toLowerCase() == "g") {
        result = result.replace(/s/g, "");
    }
    return result;
}
//转义尖括号
function toTxt(str) {
    var RexStr = //g
    str = str.replace(RexStr, function(MatchStr) {
        switch (MatchStr) {
            case "":
                return ">";
                break;
            default:
                break;
        }
    })
    return str;
}
var menuIndex = 0; //初始化标题索引
// 在侧边栏中添加目录项
function appendMenuItem(tagName,id,content) {
    let paddingLeft = tagName.substring(1) * 10; //添加标题缩进
    let style = getStyle();
    $('#menu_nav_ol').append(`
${content}
`);
}
(function() {
    // 获取标题元素
    let titles = $('body article').find('h1,h2,h3,h4,h5,h6');
    let style = getStyle();
    if(titles.length === 0) {
        return;
    }
    // 将文章内容右移
    // 在 body 标签内部添加 aside 侧边栏,用于显示文档目录
    let asideContent = ``;
    $('body').prepend(asideContent);
    $('#sideMenu').append('
');// 不显示 li 项前面默认的点标志, 也不使用默认缩进
    $('div[role="main"]').css('paddingLeft','160px');
    // 遍历文章中的所有标题行, 按需添加id值, 并增加记录到目录列表中
    titles.each(function() {
        let tagName = $(this)[0].tagName.toLocaleLowerCase();
        let content = $(this).text();
        // 若标题的id不存在,则使用新id
        let newTagId =$(this).attr('id');
        if(content){
            if(!$(this).attr('id')) {
                newTagId = 'id_'+menuIndex;
                $(this).attr('id',newTagId);
                $(this).addClass('main-title')
                menuIndex++;
            }
            appendMenuItem(tagName,newTagId,content);
        }
    });
    $('#sideMenu').append('
');
    if(!$('#menu_nav_ol li').length){
        $('#sideMenu').remove()
    }
    // 绑定目录li点击事件,点击时跳转到对应的位置
    $('#menu_nav_ol li').on('click',function() {
        let targetId = $(this).attr('class');
        var _top=$("#"+targetId).offset().top-75
        $('html,body').animate({
            scrollTop:_top
        }, 300);
    });
    //滚动页面增加左侧菜单高亮
    var active=function(){
        var scrollTop=$(window).scrollTop();
        $('.main-title').each(function(i){
            if(i=$(this).offset().top&&scrollTop+76=$(this).offset().top){
                    $('#sideMenu li a').css({color: style.color});
                    $('#sideMenu li').eq(i).find('a').css({color:'#61aeee'});
                    $('#sideMenu li').css({borderLeft:'0'})
                    $('#sideMenu li').eq(i).css({borderLeft:'5px solid #61aeee'});
                }
            }
        })
    }
    active()
    var timer=null;
    $(window).scroll(function(){
        clearTimeout(timer)
        timer=setTimeout(function(){
            active()
        },10)
    })
})();

4. 如果目录与文章出现重叠，把浏览器比例缩放为90%即可完美适应

5. 不需要目录时，只需把脚本按钮关闭即可