CSDN Reformater

hide everything except author information and main content.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

You will need to install an extension such as Tampermonkey to install this script.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         CSDN Reformater
// @namespace    http://www.csdn.net/
// @version      0.1.2
// @description  hide everything except author information and main content.
// @author       Mianjune Hong
// @license      GPL version 3
// @match        *://blog.csdn.net/*/article/details/*
// @grant        none
// @run-at       document-idle
// ==/UserScript==


(function () {
    'use strict';

    $('#btn-readmore').click();
    $('script').remove();

    var info = $('<aside style="float: none;"></aside>');
    $('#asideProfile > .aside-title').remove();
    info.append($('#asideProfile'));
    info.mouseleave(function(){$('#asideProfile').css('display','none');});
    $('#mainBox>main div.article-title-box').mouseenter(function(){$('#asideProfile').css('display','');}).mouseleave(function(){$('#asideProfile').css('display','none');});

    $('#mainBox>main div.article-title-box').append(info);
    $('#mainBox').attr('style', 'margin: 2em auto;max-width: 66em;');

    $('html>head').append('<style type="text/css">body>*, #mainBox>*, main>*, recommend-ad-box{display:none!important;}#mainBox, #mainBox>main, main>.blog-content-box, main, #author>aside{display:block!important;} main{width:100%!important;} body{min-width:0!important;background:#f5f6f7!important;}</style>');
    // div.recommend-box{display: block !important;padding-top: 6em;}

    info.mouseleave();
})();