您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
页面排版调整,仅保留评论区、文章主体、文章目录,免登录(不可用)增加复制及鼠标框选代码功能,免登录(不可用)加载评论
当前为
// ==UserScript== // @name CSDN Blog 极致简化 // @name:en CSDN Blog Super Simplification // @namespace csdn_blog_super_simplification // @version 5.0.2 // @description 页面排版调整,仅保留评论区、文章主体、文章目录,免登录(不可用)增加复制及鼠标框选代码功能,免登录(不可用)加载评论 // @description:en Page layout modification. Only comment area, article body, directory are shown. No login requirement to copy or select code area. No login requirement to load comments. // @author Xavier Wong // @run-at document-start // @match https://*blog.csdn.net/* // @match https://*.blog.csdn.net/* // @match https://*csdnnews.blog.csdn.net/* // @match https://www.csdn.net/* // @grant GM_getValue // @grant GM_setValue // @grant GM_addStyle // @license Xavier Wong // ==/UserScript== GM_addStyle( '#commentSideBoxshadow.comment-show {display: block !important}' + '#commentSideBoxshadow.comment-hide {display: none !important}' + 'main.comment-show {width: 70% !important}' + 'main.comment-hide {width: 100% !important}' + '#rightAside.directory-show {display: block !important}' + '#rightAside.directory-hide {display: none !important}' + '#mainBox.directory-show {width: calc(100vw - 300px) !important}' + '#mainBox.directory-hide {width: calc(100vw) !important}' ); function generateSideToolBarElement(dataType, style, imgUrl, text1, text2){ const tmpDiv = document.createElement('div'); tmpDiv.innerHTML = '<a class="option-box" style="' + style + '" data-type="' + dataType + '">' + (imgUrl == null ? '' : '<img src="' + imgUrl + '" alt="" srcset="">') + '<span class="show-txt" ' + (imgUrl == null ? 'style="display:flex;opacity:100;"' : '') + '>' + text1 + '<br>' + text2 + '</span>' + '</a>'; return tmpDiv.firstElementChild; } /** * 修改指定DOM * @param domSelector DOM选择器 * @param style 样式 */ function modifyDOM(domSelector, style){ GM_addStyle( domSelector + '{' + style + '}' ); } /** * 隐藏指定DOM * @param domSelector DOM选择器 */ function hideDOM(domSelector){ GM_addStyle( domSelector + '{display: none !important;}' ); } /** * 添加DOM类 * @param domSelector DOM选择器 * @param className 类名 */ function addDOMClass(domSelector, className){ getDOM(domSelector).classList.add(className); } /** * 删除DOM类 * @param domSelector DOM选择器 * @param className 类名 */ function removeDOMClass(domSelector, className){ getDOM(domSelector).classList.remove(className); } /** * 获取单个DOM * @param domSelector DOM选择器 * @returns DOM */ function getDOM(domSelector, retryTime) { return document.querySelector(domSelector); } /** * 获取多个DOM * @param domSelector DOM选择器 * @returns DOMs */ function getDOMs(domSelector) { return document.querySelectorAll(domSelector); } /** * 删除多个DOM * @param domSelector DOM选择器 */ function deleteDOMs(domSelector) { $.each(getDOMs(domSelector), function(i, r){ r.remove(); }); } /** * 移动DOM * @param srcDomSelector 来源DOM选择器 * @param dstDomSelector 目标DOM选择器 */ function moveBeforeDOM(srcDomSelector, dstDomSelector) { const srcDom = getDOM(srcDomSelector); const dstDom = getDOM(dstDomSelector); if(srcDom != null && dstDom != null) { dstDom.before(srcDom); } } var commentShow = GM_getValue('commentShow', true); function showComment(isShow) { removeDOMClass('#commentSideBoxshadow', 'comment-hide'); removeDOMClass('#commentSideBoxshadow', 'comment-show'); removeDOMClass('main', 'comment-hide'); removeDOMClass('main', 'comment-show'); if(isShow){ addDOMClass('#commentSideBoxshadow', 'comment-show'); addDOMClass('main', 'comment-show'); }else{ addDOMClass('#commentSideBoxshadow', 'comment-hide'); addDOMClass('main', 'comment-hide'); } commentShow = isShow; GM_setValue('commentShow', commentShow); } var directoryShow = GM_getValue('directoryShow', false); function showDirectory(isShow) { removeDOMClass('#rightAside', 'directory-hide'); removeDOMClass('#rightAside', 'directory-show'); removeDOMClass('#mainBox', 'directory-hide'); removeDOMClass('#mainBox', 'directory-show'); if(isShow){ addDOMClass('#rightAside', 'directory-show'); addDOMClass('#mainBox', 'directory-show'); }else{ addDOMClass('#rightAside', 'directory-hide'); addDOMClass('#mainBox', 'directory-hide'); } directoryShow = isShow; GM_setValue('directoryShow', directoryShow); } /** * 目录定位功能修正 */ function fixDirectoryJump() { let directory = getDOMs('#groupfile a, #groupfileConcision a, #content_views a[target=_self]'); $.each(directory, function(i, r){ r.onclick = function() { if(!!getDOM('[name="'+r.getAttribute('href').replace('#', '')+'"], [id="'+r.getAttribute('href').replace('#', '')+'"]')) { getDOM('[name="'+r.getAttribute('href').replace('#', '')+'"], [id="'+r.getAttribute('href').replace('#', '')+'"]').scrollIntoView() } } }) } /** * 置顶功能修正 */ function fixGoTop() { getDOM('main').onscroll = function(){ let scrollTop = this.scrollTop || document.body.scrollTop; if(scrollTop <= 200) { addDOMClass('.csdn-side-toolbar > [data-type="gotop"]', 'go-top-hide') } if(scrollTop > 200) { removeDOMClass('.csdn-side-toolbar > [data-type="gotop"]', 'go-top-hide') getDOM('.csdn-side-toolbar > [data-type="gotop"]').onclick = function(){ getDOM('main').scrollTo({ left: 0, top: 0, behavior: 'smooth' }); } } } } /** * 复制代码(免登录(不可用)) */ function copyCodeUnlogin() { const codeFrame = getDOMs('code'); $.each(codeFrame, function(i, r){ r.onclick = function(){ mdcp.copyCode(event) }; }); const codeCopyBtn = getDOMs('.hljs-button.signin'); if(codeCopyBtn.length > 0) { $.each(codeCopyBtn, function(i, r){ r.setAttribute('data-title', '复制') }); const observer = new MutationObserver(function(e){ $.each(e, function(i, r){ if(r.target.getAttribute('data-title') == '登录(不可用)后复制') { r.target.setAttribute('data-title', '复制'); } }); }); observer.observe(getDOM('.hljs-button.signin'), { attributes: true, }); } } function readCommentEmoji(commentContent) { commentContent = commentContent.replaceAll('[face]emoji:', '<img src="//g.csdnimg.cn/static/face/emoji/'); commentContent = commentContent.replaceAll('[/face]', '" alt="表情包">'); return commentContent; } /** * 加载评论(免登录(不可用)) */ function loadCommentUnlogin() { if(getCookie('UserName') == null){ $.ajax({ url: 'https://blog.csdn.net/phoenix/web/v1/comment/list/'+articleId+'?page=0&size=3000', type: "POST", success: function (data) { let commentCustom = getDOM('#pcCommentSideBox').innerHTML + `<div class="comment-list-container"><div class="comment-list-box">`; $.each(data.data.list.sort(function(a,b){ return b.info.commentId - a.info.commentId; }), function(i, r){ commentCustom = `${commentCustom}<ul class="comment-list">` + `<li class="comment-line-box">` + `<div class="comment-list-item">` + `<a class="comment-list-href" target="_blank" href="https://blog.csdn.net/${r.info.userName}">` + `<img src="${r.info.avatar}" username="${r.info.userName}" alt="${r.info.userName}" class="avatar">` + `</a>` + `<div class="right-box">` + `<div class="new-info-box clearfix">` + `<div class="comment-top">` + `<div class="user-box">` + `<a class="name-href" target="_blank" href="https://blog.csdn.net/${r.info.userName}">` + `<span class="name ">${r.info.nickName}</span>` + `</a>` + `<span class="date" title="${r.info.postTime}">${r.info.dateFormat}</span>` + `</div>` + `</div>` + `<div class="comment-center">` + `<div class="new-comment">${readCommentEmoji(r.info.content)}</div>` + `</div>` + `</div>` + `</div>` + `</div>` + `</li>` + `<li class="replay-box" style="display:block"><ul class="comment-list">`; $.each(r.sub, function(i1, r1){ commentCustom = `${commentCustom}<li class="comment-line-box">` + `<div class="comment-list-item">` + `<a class="comment-list-href" target="_blank" href="https://blog.csdn.net/${r1.userName}">` + `<img src="${r1.avatar}" username="${r1.userName}" alt="${r1.userName}" class="avatar">` + `</a>` + `<div class="right-box">` + `<div class="new-info-box clearfix">` + `<div class="comment-top">` + `<div class="user-box">` + `<a class="name-href" target="_blank" href="https://blog.csdn.net/${r1.userName}">` + `<span class="name ">${r1.nickName}</span>` + `</a>` + `<span class="date" title="${r1.postTime}">${r1.dateFormat}</span>` + `</div>` + `</div>` + `<div class="comment-center">` + `<div class="new-comment">${readCommentEmoji(r1.content)}</div>` + `</div>` + `</div>` + `</div>` + `</div>` + `</li>`; }); commentCustom = `${commentCustom}</ul></li></ul>`; }); commentCustom = `${commentCustom}</div></div>`; getDOM('#pcCommentSideBox').innerHTML = commentCustom; getDOM('#pcCommentSideBox').style.display = 'block'; removeDOMClass('#pcCommentSideBox', 'unlogin-comment-box-new'); } }); } } /** * 暗色主题去除 */ function removeDarkTheme() { const darkToolbarCss = getDOM('link[href*="csdn-toolbar-dark"]'); if(darkToolbarCss){ darkToolbarCss.href = darkToolbarCss.href.replace('dark', 'default') } const darkSkinCss = getDOMs('link[href*="skin-black"], link[href*="skin-clickmove"]'); $.each(darkSkinCss, function(i, r){ r.href = "" }); const darkLogo = getDOM('img[title="CSDN首页"]'); if(darkLogo){ darkLogo.src="https://img-home.csdnimg.cn/images/20201124032511.png" } modifyDOM('body', 'background-color:#f5f6f7 !important; background-image:none !important;'); } /** * 添加评论区开关 */ function addCommentToggleButton() { const commentHideButton = generateSideToolBarElement('cuz-comment-hide', commentShow ? 'display: flex' : 'display: none', null, '隐藏', '评论'); const commentShowButton = generateSideToolBarElement('cuz-comment-show', !commentShow ? 'display: flex' : 'display: none', null, '显示', '评论'); commentHideButton.onclick = function(){ showComment(false); commentHideButton.style = 'display: none'; commentShowButton.style = 'display: flex'; } commentShowButton.onclick = function(){ showComment(true); commentHideButton.style = 'display: flex'; commentShowButton.style = 'display: none'; } getDOM('.csdn-side-toolbar').prepend(commentHideButton); getDOM('.csdn-side-toolbar').prepend(commentShowButton); } /** * 添加目录开关 */ function addDirectoryToggleButton() { const directoryHideButton = generateSideToolBarElement('cuz-comment-hide', directoryShow ? 'display: flex' : 'display: none', null, '隐藏', '目录'); const directoryShowButton = generateSideToolBarElement('cuz-comment-show', !directoryShow ? 'display: flex' : 'display: none', null, '显示', '目录'); directoryHideButton.onclick = function(){ showDirectory(false); directoryHideButton.style = 'display: none'; directoryShowButton.style = 'display: flex'; } directoryShowButton.onclick = function(){ showDirectory(true); directoryHideButton.style = 'display: flex'; directoryShowButton.style = 'display: none'; } getDOM('.csdn-side-toolbar').prepend(directoryHideButton); getDOM('.csdn-side-toolbar').prepend(directoryShowButton); } ( function() { // 广告 hideDOM('#kp_box_www_swiper_ban, .blog-slide-ad-box, .Community > .active-blog > .blog-banner'); hideDOM('.ad_fullWidth.www-banner-top'); // 主题处理 modifyDOM('.toolbar-inside', 'background: #fff !important'); modifyDOM('body', 'background-color:#f5f6f7 !important; background-image:none !important;'); // 隐藏左信息 hideDOM('.blog_container_aside'); // 调整右侧信息, 保留目录 modifyDOM('#rightAside', 'display: block;'); hideDOM('.programmer1Box, #recommendAdBox, #asideArchive, #recommend-right > .kind_person, #rightAsideConcision'); modifyDOM('#groupfile', 'height: 100% !important; max-height: unset !important; margin-bottom: 0 !important;'); modifyDOM('#groupfile>.groupfile-div', 'height: calc(100vh - 68px) !important; max-height: unset !important;'); // 隐藏相关推荐 hideDOM('.recommend-box, #recommendNps, .template-box'); // 隐藏底部 hideDOM('.blog-footer-bottom'); // 隐藏文章工具栏 hideDOM('#toolBarBox'); // 文章主体样式调整 modifyDOM('.main_father', 'height: auto !important; overflow: hidden !important;') modifyDOM('#mainBox', 'height: calc(100vh - 68px) !important; width: calc(100vw - 300px); margin-left: 0 !important;') modifyDOM('main', 'width: 70% !important; height: 100% !important; overflow: auto !important; float: right') modifyDOM('.blog-content-box', 'padding-bottom: 60px !important;') modifyDOM('#article_content', 'height: unset !important; overflow: auto !important;'); hideDOM('.hide-article-box'); // 调整右侧工具位置, 隐藏部分按钮 modifyDOM('.csdn-side-toolbar', 'left: unset !important;') modifyDOM('.csdn-side-toolbar > [data-type="guide"],.csdn-side-toolbar > [data-type="cs"],.csdn-side-toolbar > [data-type="report"],.csdn-side-toolbar > .directory,.csdn-side-toolbar > .sidecolumn', 'display: none !important;') // 代码块超长自动展开所有 hideDOM('.hide-preCode-box'); modifyDOM('.set-code-hide', 'height: unset !important;'); // 评论区 hideDOM('#pcCommentBox, .comment-side-tit-close'); modifyDOM('#commentSideBoxshadow', 'width: 29.5% !important; display:block !important; background: unset !important; position: relative !important; float: left'); modifyDOM('.comment-side-content', 'width:100% !important;'); modifyDOM('#pcCommentSideBox, #pcFlodCommentSideBox', 'height: auto !important; overflow-y: auto !important;'); // 免登录(不可用)代码框鼠标可选 modifyDOM('code', 'user-select: text !important;'); document.addEventListener('DOMContentLoaded',function(e){ // 去除谷歌相关广告 deleteDOMs('script[src*=google],link[href*=google],.adsbygoogle'); fixDirectoryJump(); fixGoTop(); // 评论区DOM位置调整 moveBeforeDOM('#commentSideBoxshadow', 'main'); showComment(commentShow); showDirectory(directoryShow); loadCommentUnlogin(); removeDarkTheme(); }) window.onload = function(){ fixDirectoryJump(); copyCodeUnlogin(); addCommentToggleButton(); addDirectoryToggleButton(); } } )();
QingJ © 2025
镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址