去除CSDN中的多余的信息，包括广告推荐等信息，将背景图片重置为护眼模式
// ==UserScript==
// @name CSDN阅读模式
// @namespace http://tampermonkey.net/
// @version 0.2
// @description 去除CSDN中的多余的信息，包括广告推荐等信息，将背景图片重置为护眼模式
// @author https://github.com/KDaisyers
// @match https://blog.csdn.net/*
// @grant none
// @require https://code.jquery.com/jquery-3.4.0.min.js
// @require https://greasyfork.org/scripts/401025-%E6%82%AC%E6%B5%AE%E8%8F%9C%E5%8D%95%E6%8C%89%E9%92%AE/code/%E6%82%AC%E6%B5%AE%E8%8F%9C%E5%8D%95%E6%8C%89%E9%92%AE.js?version=793227
// ==/UserScript==
// 添加CSS
function loadStyles(url) {
var link = document.createElement("link");
link.type = "text/css";
link.rel = "stylesheet";
link.href = url;
var head = document.getElementsByTagName("head")[0];
head.appendChild(link);
}
// 移除多余信息
function removeHtml() {
// 移除多余的信息，包括作者信息，推荐信息，导航栏，右侧点赞栏，广告位
$("#csdn-toolbar").remove();
$("#mainBox > aside").remove();
$("body > div.tool-box.vertical > ul").remove();
$("#mainBox > main > div.recommend-box").remove();
$("#mainBox > main > div.template-box").remove();
$("#dmp_ad_58").remove();
}
/**
* 悬浮按钮
* 使用了 float-module
* 已在 https://daisylike.top/float/js/float-module.min.js 中加载
*/
function floatBtn() {
$('.fm-li').css("cssText", "right: 70px !important;bottom: 65px !important;");
}
// 默认样式
function defaultCSS() {
// 页面居中显示
$(".container#mainBox").css("cssText", "width:auto !important;");
// 去掉默认背景图片 并添加护眼模式
$("body").css("cssText", "background:#FAFAFA !important;");
}
(function () {
'use strict';
let toggle = window.sessionStorage.getItem('isHided') || 'true';
setTimeout(function () {
/**
* 由于举报和反馈框是异步加载
* 因此可以设置 500 毫秒后再执行
*/
$("body > div:nth-child(59) > div").remove();
$(".csdn-side-toolbar").remove();
}, 500)
// 加载 float-module 需要的 css
loadStyles("https://kdaisyers.github.io/float/css/float-module.min.css");
loadStyles("https://kdaisyers.github.io/float/fontawesome/css/font-awesome.min.css");
if (toggle === 'true') {
// 移除广告等
removeHtml();
// 悬浮按钮
floatBtn();
// 默认加载过后的样式
defaultCSS();
}
// 生成悬浮按钮
var fm = new FloatModule({
radius: '50%',
theme_color: '#56b4f8',
theme_content_color: '#fff',
font_size: '18px',
width_height: '50px',
margin_screen_x: '50px',
margin_screen_y: '50px',
margin_li: '10px',
animation: 'slide-in',
position: 'right-bottom',
icon_css_path: '',
btn_config: [{
icon: 'fa fa-th-large'
}, {
icon: 'fa fa-sign-out',
title: '退出阅读模式',
click: function () {
window.sessionStorage.setItem('isHided', false)
window.location.reload()
}
}, {
icon: 'fa fa-book',
title: '阅读模式',
click: function () {
window.sessionStorage.setItem('isHided', true)
window.location.reload()
}
}, {
icon: 'fa fa-github',
title: 'github项目地址',
click: function () {
window.open('https://kdaisyers.github.io');
}
}]
});
// 悬浮按钮样式重置
floatBtn();
})();