☰

EasyCSDN

这是一款提高CSDN简洁度的插件。它可以让你的CSDN学习之路变得简洁、专注、高效、畅快。主要功能是净化页面，净化99%多余元素，只展示文章正文和关联文章。

Устаревшая версия за 25.11.2023. Перейдите к последней версии.

Как установить

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey, Greasemonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Userscripts.

Чтобы установить этот скрипт, сначала вы должны установить расширение браузера, например Tampermonkey.

Чтобы установить этот скрипт, вы должны установить расширение — менеджер скриптов.

(у меня уже есть менеджер скриптов, дайте мне установить скрипт!)

Как установить

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

(у меня уже есть менеджер стилей, дайте мне установить скрипт!) 

  1. // ==UserScript==
  2. // @name         EasyCSDN
  3. // @description  这是一款提高CSDN简洁度的插件。它可以让你的CSDN学习之路变得简洁、专注、高效、畅快。主要功能是净化页面，净化99%多余元素，只展示文章正文和关联文章。
  4. // @version      8.1
  5. // @author       xcanwin
  6. // @namespace    https://github.com/xcanwin/EasyCSDN/
  7. // @supportURL   https://github.com/xcanwin/EasyCSDN/
  8. // @license      GPL-2.0-only
  9. // @match        *://blog.csdn.net/*/article/details/*
  10. // @match        *://*.blog.csdn.net/article/details/*
  11. // @grant        GM_addStyle
  12. // @run-at       document-start
  13. // ==/UserScript==
  14.  
  15. (function() {
  16.     'use strict';
  17.  
  18.     /*电脑端*/
  19.     GM_addStyle(`
  20. .passport-login-container /*隐藏登录提示*/,
  21. .passport-login-tip-container /*隐藏登录权益提示*/,
  22. #toolbarBox /*隐藏顶部*/,
  23. .blog_container_aside /*隐藏左边栏*/,
  24. #rightAside /*隐藏右边栏*/,
  25. .csdn-side-toolbar /*隐藏右边栏-磁吸*/,
  26. .blog-footer-bottom /*隐藏底部*/,
  27. .recommend-nps-box /*隐藏打分*/,
  28. .left-toolbox /*隐藏关注*/,
  29. .blog-tags-box /*隐藏开头的专栏收录*/,
  30. #blogColumnPayAdvert /*隐藏结尾的专栏收录*/,
  31. #treeSkill /*隐藏技能树*/
  32. {
  33.     display: none !important;
  34. }
  35.  
  36. /*隐藏背景*/
  37. body {
  38.     background: none !important;
  39.     background-image: unset !important;
  40.     background-color: #ffebeb !important;
  41. }
  42.  
  43. /*正文居中*/
  44. #mainBox {
  45.     display: flex;
  46.     justify-content: center;
  47. }
  48.  
  49. /*展示全屏*/
  50. #mainBox, #mainBox main {
  51.     width: 100%;
  52.     margin-bottom: unset !important;
  53. }
  54. .main_father {
  55.     padding: unset !important;
  56. }
  57. .main_father.d-flex {
  58.     display: unset !important;
  59. }
  60.  
  61. /*展示分界线*/
  62. #toolBarBox {
  63.     margin-bottom: 64px !important;
  64. }
  65. `);
  66.  
  67.     /*移动端*/
  68.     GM_addStyle(`
  69. #csdn-toolbar /*隐藏顶部*/,
  70. #operate /*隐藏底部评论和搜索提示*/,
  71. .aside-header-fixed /*隐藏关注*/
  72. {
  73.     display: none !important;
  74. }
  75.  
  76. /*展示全屏*/
  77. body #main {
  78.     padding-top: unset !important;
  79.     margin-top: unset !important;
  80. }
  81. body {
  82.     padding-bottom: unset !important;
  83. }
  84.  
  85. /*展示分界线*/
  86. .spec_space {
  87.     background-color: #ffebeb !important;
  88.     height: 32px !important;
  89. }
  90.  
  91. `);
  92.  
  93. })();