gnmdcsdn

友好阅读 CSDN,你不干净,我帮你干净; 搭配 Dark Reader 体验更佳: https://chrome.google.com/webstore/detail/eimadpbcbfnmbkopoojfekhnkhdbieeh

Terá de instalar uma extensão como Tampermonkey, Greasemonkey ou Violentmonkey para instalar este script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

Terá de instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Terá de instalar uma extensão como Tampermonkey ou Userscripts para instalar este script.

Terá de instalar uma extensão como Tampermonkey para instalar este script.

Terá de instalar uma extensão de gestão de scripts de utilizador para instalar este script.

(Já tenho um gestor de scripts de utilizador, deixe-me instalá-lo!)

Terá de instalar uma extensão como Stylus para instalar este estilo.

Terá de instalar uma extensão como Stylus para instalar este estilo.

Terá de instalar uma extensão como Stylus para instalar este estilo.

Terá de instalar uma extensão de gestão de estilos de utilizador para instalar este estilo.

Terá de instalar uma extensão de gestão de estilos de utilizador para instalar este estilo.

Terá de instalar uma extensão de gestão de estilos de utilizador para instalar este estilo.

(Já tenho um gestor de estilos de utilizador, deixe-me instalá-lo!)

// ==UserScript==
// @name         gnmdcsdn
// @namespace    http://tampermonkey.net/
// @description  友好阅读 CSDN,你不干净,我帮你干净; 搭配 Dark Reader 体验更佳: https://chrome.google.com/webstore/detail/eimadpbcbfnmbkopoojfekhnkhdbieeh
// @author       You
// @match         *://*.csdn.net/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=csdn.com
// @grant        none
// @version 1.0.9
// @license MIT
// ==/UserScript==
(function () {
    "use strict";
    // 复制当前文章内容
    const title = document.querySelector('#articleContentId').innerHTML;
    const content = document.querySelector('#content_views').innerHTML;

    // 停止当前页面的所有加载
    window.stop();

    // 打开文档流
    document.open();

    // 写入新的 HTML 内容
    document.write(`
  <!DOCTYPE html>
  <html>
    <head>
      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/github-markdown.min.css">
      <style>
        body {
          font-family: Arial, sans-serif;
          max-width: 70ch!important;
          margin: 0 auto!important;
          padding:4em 0;
        }
        img{
          height:auto!important;
          width:auto!important;
          aspect-ratio:auto!important;

        }
      </style>
    </head>
    <body class="container markdown-body">
    <h1>${title}</h1>
    ${content}
    </body>
  </html>
`);

    // 关闭文档流,使新内容生效
    document.close();
})();