文章样式优化

文章样式优化,更加人性化的阅读体验

当前为 2025-02-26 提交的版本,查看 最新版本

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         文章样式优化
// @namespace    https://greasyfork.org/zh-CN/scripts/474638-%E6%96%87%E7%AB%A0%E6%A0%B7%E5%BC%8F%E4%BC%98%E5%8C%96
// @version      2.0.0
// @description  文章样式优化,更加人性化的阅读体验
// @author       冰冻大西瓜
// @license      GPLv3
// @match        https://juejin.cn/post/*
// @grant        GM_addStyle
// @run-at       document-start
// @note         2025年2月26日 修正文章字体 15px->18px 修正代码字体 12px->14px
// @note         2025年2月26日 重构代码,更新文章布局 适配4K屏幕(屏幕宽度超过1440px即应用规则),
// ==/UserScript==

// eslint-disable-next-line no-undef
GM_addStyle(`
  @media (min-width: 1440px) {
    .container.main-container{
      max-width:1800px !important;
    }
    .main-area.article-area{
      width:80% !important;
    }
  }
  .markdown-body p{
    font: 18px "圆体-简" !important;
  }
  .markdown-body pre>code {
    font: 14px "JetBrainsMono NF" !important;
  }
`)