Microsoft Office 2007版本刚发布的时候，为了扩充文档显示的界面，顶部的工具条可以隐藏起来，在工具栏上点击右键，然后选择“功能区最小化”就可以隐藏了；
不过后续的2007版本简化了这个操作（估计很多人都需要隐藏那个工具栏），你可以在工具栏上面那个标题上直接双击，或者使用键盘快捷按键Ctrl+F1，这样就可以隐藏和显示顶部工具条啦；这对于那些键盘控来说，可是加快了操作速度了。

2019最新1850款组文字LOGO动画预设，一键生成！
包含图形元素/字幕/logo/动画转场/背景等
所有的元素都支持AE和PR
所有元素的
颜色、位置、大小、文字、Logo等
都可以修改，包含GIF动图预览，方便查找使用，一键生成狂拽炫酷屌炸天的效果！
AE版本：
AE CC 2014.2或者更高版本，支持中文版/英文版没有
脚本形式，通过Motion Bro脚本来调用(已包含)，在脚本找到需要的双击即可生成修改
PR版本：
Premiere CC 2017.2或者更高版本(2017或者低版本不支持)，支持中文版/英文版AE
mogrt格式，按照说明拷贝到特定位置，在基本图形窗口调用
一起来欣赏下
部分效果
展示
提醒注意：脚本使用需要一定AE基础，新手慎用！包
括内容元素如下：包括2D背景动画25个，圣诞节背景动画25个，标签文字标题动画24个，基本元素动画101个，圣诞节图形动画25个，电脑元素动画42个，多个英文字母数字符号动画工具（可随意生成不同的组合），手机平板动画47个，颜色渐变背景49个，手势动画71个，日常生活小图标动画30个，环保图标动画30个，游戏图标动画30个，   医疗图标动画30个，社交网络图标动画30个，2D运动预设179个，3D运动预设248个，文字动画预设354个，线条图形元素50个，粒子图形元素50个，爆炸图形元素50个，混合图形元素50个，文字标题动画97个，圣诞节标题动画25个，圣诞节转场动画25个，高科技转场动画16个，简单图形转场25个
获取链接：
https://www.toutiao.com/i6724441893771411979/

背景
根据简书的脚本修改

由于有些文章目录比较多，原脚本无滚动条，我新加了滚动条等。

由于CSDN整个页面都是满的，所以看起来不是很好看，如果挡住了需要的内容，点击【收起目录即可】

脚本不是原创，只是修改了一下留着自己当笔记。
效果图
---------------的下面是CSDN推送的文章标题。
显示目录的效果图

隐藏目录的效果图

插件功能

自动识别CSDN内标题，点击标题名即可计入相应位置
点击【收起目录】功能即可实现显示与隐藏导航的功能
双击一条目录可以收起相邻的同级目录（比如我双击“安装”同级的“Nginx运行控制命令”以及下列目录可以收起来）

实现方式
1. 安装 Tampermonkey
从chrome网上应用商店搜到安装就好。edge浏览器也可以


2. 添加脚本
在Tampermonkey中点击创建一个新脚本



然后在下面这个编辑页面



粘贴下面的代码即可。
// ==UserScript==
// @name         CSDN侧边栏文章导航
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  简单的CSDN侧边栏导航使用，方便快速浏览查找文章，点击目录按钮切换显示
// @author       mwrz
// @match        https://blog.csdn.net/*article/details/*
// @match        http://blog.csdn.net/*article/details/*
// @grant        none
// @require      http://code.jquery.com/jquery-latest.js
// ==/UserScript==

(function() {
    'use strict';

    $('body').append(
        '<button class="btn btn-menu" style="width: auto;height: auto;position: fixed;right: 15px;top: 0px;border: 0px solid black;background-color: #BDF1F6;">收起目录</button>'
        + '<div class="sidebar" style="width: 250px;height: 535px;position: fixed;right: 15px;top: 35px;border: 0px solid black;overflow-y:auto;">'
        + '<ul class="mwrz_nav nav">'
        + '</ul>'
        + '</div>');

    var titles = $('body').find('h1,h2,h3,h4,h5,h6').slice(1);
    var i = 0;
    //var a = new Array();
    var last = '';
    var now = '';
    var temp = '';
    var res = '';

    titles.each(function(index, el){

        now = el.tagName.slice(-1);

        $(this).attr('id', 'mwrz' + i);
        i += 1;

        var t = '<li><a href="#'
        + $(this).attr('id')
        + '">'
        + $(this).text()
        + '</a>';

        var head = '';
        var tail = '';
        if (last == ''){
            res += t;
        }else if(last < now){ // 层级更深
            temp += ('<ul class="nav nav-stacked">' + t + '</li>');
        }else if(last > now){
            res += (temp + '</ul></li>');
            temp = t;
        }else{
            temp += (t + '</li>');
        }

        last = now;
    }); // 构造ul,li列表

    $('.sidebar .mwrz_nav').append(res+temp);

    $('.sidebar>.mwrz_nav a').each(function(){
        $(this).css('max-width', '300px');
    }); // 最大宽度

    var width = '3px';
    $('.sidebar>.mwrz_nav>li>ul').each(function(){
        $(this).css('border-left', width + ' solid #A0E418');
    }); // 内层列表线宽

    $('.sidebar>.mwrz_nav>li>ul:last').css(
        'border-bottom', '2px' + ' solid #A0E418'
    );  // 最底部列表线宽

    $('.sidebar>.mwrz_nav>li>a').each(function(){
        $(this).css('background-color', 'rgba(255, 111, 90, 1)');
        $(this).css('color', 'white');
        $(this).css('margin-left', '00px');
    }); // 首级目录样式

    $(".btn-menu").click(function(){
        $(".sidebar").slideToggle();
        return false;
    }); // 点击事件

    $('.sidebar>.mwrz_nav>li').dblclick(function(e){
        $(e.target).parent().next().slideToggle()
    }); // 双击事件收起相邻栏

    // Your code here...
})();
不足之处
CSDN文章下面有很多推荐文章，这个脚本默认把它们收进目录页面。看起来有点多余。凑合用吧。

背景
简书有个缺点就是无法用[TOC]自动生成目录，自定义目录也不行。所以找了一些脚本资源，加以修改，进行了完善。

由于有的目录比较多，原脚本无滚动条，我新加了滚动条等。

脚本不是原创，只是修改了一下留着自己当笔记用的。
效果图

插件功能

自动识别简书内标题，点击标题名即可计入相应位置
点击【收起目录】功能即可实现显示与隐藏导航的功能
双击一条目录可以收起相邻的同级目录（比如我双击“安装”同级的“Nginx运行控制命令”以及下列目录可以收起来）

实现方式
1. 安装 Tampermonkey
从chrome网上应用商店搜到安装就好。edge浏览器也可以


2. 添加脚本
在Tampermonkey中点击创建一个新脚本



然后在下面这个编辑页面



粘贴下面的代码即可。
// ==UserScript==
// @name         简书侧边栏文章导航
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  简书侧边栏目录，点击收起目录按钮切换显示和隐藏目录列表，支持滚动。
// @author       treelake
// @match        http://www.jianshu.com/p/*
// @match        https://www.jianshu.com/p/*
// @grant        none
// @require      http://code.jquery.com/jquery-latest.js
// ==/UserScript==
(function() {
    'use strict';

    $('body').append(
        '<button class="btn btn-menu" style="width: auto;height: auto;position: fixed;left: 0px;top: 55px;border: 0px solid black;background-color: #BDF1F6;">收起目录</button>'
        + '<div class="sidebar" style="width: 300px;height: 535px;position: fixed;left: 1px;top: 85px;border: 0px solid black;overflow-x:auto;overflow-y:auto;">'
        + '<ul class="mwrz_nav nav">'
        + '</ul>'
        + '</div>');

    var titles = $('body').find('h1,h2,h3,h4,h5,h6').slice(1);
    var i = 0;
    //var a = new Array();
    var last = '';
    var now = '';
    var temp = '';
    var res = '';

    titles.each(function(index, el){

        now = el.tagName.slice(-1);

        $(this).attr('id', 'mwrz' + i);
        i += 1;

        var t = '<li><a href="#'
        + $(this).attr('id')
        + '">'
        + $(this).text()
        + '</a>';

        var head = '';
        var tail = '';
        if (last == ''){
            res += t;
        }else if(last < now){ // 层级更深
            temp += ('<ul class="nav nav-stacked">' + t + '</li>');
        }else if(last > now){
            res += (temp + '</ul></li>');
            temp = t;
        }else{
            temp += (t + '</li>');
        }

        last = now;
    }); // 构造ul,li列表

    $('.sidebar .mwrz_nav').append(res+temp);

    $('.sidebar>.mwrz_nav a').each(function(){
        $(this).css('max-width', '300px');
    }); // 最大宽度

    var width = '3px';
    $('.sidebar>.mwrz_nav>li>ul').each(function(){
        $(this).css('border-left', width + ' solid #A0E418');
    }); // 内层列表线宽

    $('.sidebar>.mwrz_nav>li>ul:last').css(
        'border-bottom', '2px' + ' solid #A0E418'
    );  // 最底部列表线宽

    $('.sidebar>.mwrz_nav>li>a').each(function(){
        $(this).css('background-color', 'rgba(255, 111, 90, 1)');
        $(this).css('color', 'white');
        $(this).css('margin-left', '-10px');
    }); // 首级目录样式

    $(".btn-menu").click(function(){
        $(".sidebar").slideToggle();
        return false;
    }); // 点击事件

    $('.sidebar>.mwrz_nav>li').dblclick(function(e){
        $(e.target).parent().next().slideToggle()
    }); // 双击事件收起相邻栏

    // Your code here...
})();
懒人做法
如果想简单搞搞，直接在脚本内搜索然后点击安装，然后稍加修改就OK了。

做法：

点击tampermonkey，点击查找新脚本


搜索“简书侧边栏文章导航”


然后点击安装即可

直接给出链接了，不用找了。

简书侧边栏文章导航
原脚本没有滑动窗口，直接在div中添加一个滑动窗口就可以：

设置一个高度值height，后面加上overflow-y:auto;然后点击File  >  save保存即可