CSDN 博客文章页面简化

Greasy Fork is available in English.

CSDN 博客文章页面简化

CSDN 博客页面简化脚本，自动展开全文，改用亮色风格的代码着色，去除无用内容，调整了文章内容样式。

当前为 2018-12-17 提交的版本，查看最新版本。

换行

// ==UserScript==
// @name CSDN 博客文章页面简化
// @description CSDN 博客页面简化脚本，自动展开全文，改用亮色风格的代码着色，去除无用内容，调整了文章内容样式。
// @run-at document-start
// @version 0.6.0
// @namespace Violentmonkey Scripts
// @match https://blog.csdn.net/*/article/details/*
// @grant none
// ==/UserScript==

function addCss(cssString) {
    var head = document.getElementsByTagName('head')[0];
    var newCss = document.createElement('style');
    newCss.type = 'text/css';
    newCss.innerHTML = cssString;
    head.appendChild(newCss);
}

addCss(`
.tool-box {
    display: none !important;
}

.recommend-right {
    display: none;
}

.recommend-box {
    display: none;
}

aside {
    float: none;
    width: 100%;
    max-width: 860px;
    margin: 0px auto;
    position: static !important;
}

main {
    width: 100% !important;
    float: none;
    max-width: 860px;
    margin: 2rem auto 1rem auto;
}

p > span[style] {
    font-family: inherit !important;
    font-size: inherit !important;
}

.pulllog-box {
    display: none !important;
}

#article_content {
  height: auto !important;
  overflow: visible !important;
}

.hide-article-box,
#asideNewArticle,
#asideColumn,
#asideCategory,
#asideArchive,
#asideHotArticle,
#asideNewComments,
#asideFooter,
#csdn-toolbar li a[title="活动"],
#csdn-toolbar li a[title="商城"],
#csdn-toolbar li a[title="APP"],
#csdn-toolbar li a[title="学院"],
#csdn-toolbar li a[title="VIP会员"] {
    display: none;
}
`);

document.addEventListener('DOMContentLoaded', function () {
  // 有些用户会无脑加粗一长段文本，影响阅读体验，所以把这些文本改用 p 标签呈现
  document.querySelectorAll('h2,h3').forEach(function (el) {
    var p;

    if (el.textContent.length > 32) {
      p = document.createElement('p');
      p.textContent = el.textContent;
      el.parentNode.insertBefore(p, el);
      el.parentNode.removeChild(el);
    }
  });
  
  // 暗色风格的代码着色看起来有点费劲，所以改成 vs 这种亮色风格
  document.querySelectorAll('link').forEach(function (link) {
    var href = link.attributes.href;

    if (href && href.value.indexOf('atom-one-dark.css') > 0) {
      href.value = href.value.replace('atom-one-dark.css', 'vs.css');
    }
  })
}, false);