掘金界面宽屏布局

修改掘金文章页面布局,更加美观,显示更多的内容。

当前为 2019-06-25 提交的版本,查看 最新版本

// ==UserScript==
// @name         掘金界面宽屏布局
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  修改掘金文章页面布局,更加美观,显示更多的内容。
// @author       [email protected]
// @match        *://juejin.im/*
// @grant        none
// @icon        https://b-gold-cdn.xitu.io/favicons/v2/favicon-32x32.png
// @require      https://libs.baidu.com/jquery/2.0.0/jquery.min.js
// ==/UserScript==

(function() {
    'use strict';

    // Your code here...

    setTimeout(
        function(){
            // 删除左侧的分享按钮列表
            $(".article-suspended-panel.article-suspended-panel").remove();
            // 删除左侧广告“掘金小册”
            $(".index-book-collect").remove();
            $(".sidebar-bd-entry").remove();

            // 正文最大宽屏
            $(".container.main-container").css({"max-width":"78%"});
            $(".container.main-container").css({"margin-left":"6%"});
            // 文字宽度
            $(".main-area.article-area").css({"width":"95%"});

            // 右侧目录定位
            $(".sidebar.sidebar").css({"right":"-16%"});
        },3000);
})();