🏠 

CSDN 博客文章页面简化

CSDN 博客页面简化脚本,自动展开全文和评论列表,去除无用内容,调整了文章内容样式,调整代码着色风格。


Install this script?
// ==UserScript==
// @name CSDN 博客文章页面简化
// @description CSDN 博客页面简化脚本,自动展开全文和评论列表,去除无用内容,调整了文章内容样式,调整代码着色风格。
// @run-at document-start
// @version 0.7.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(`
.recommend-right {
display: none;
}
.recommend-box {
display: none;
}
.comment-list-container .comment-list-box {
max-height: initial !important;
}
.comment-list-container .opt-box {
display: none !important;
}
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;
}
.tool-box,
.login-mark,
#passportbox,
.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);
}
});
// 暗色风格的代码着色看起来有点费劲,所以改用亮一点的风格
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', 'github.css');
}
})
}, false);