Greasy Fork

Greasy Fork is available in English.

知乎纯净阅读-书页宽度版(无右侧/无顶栏/无图/适中行宽)

移除顶栏/右栏,隐藏图片,限制最大宽度并放大字号,优化阅读体验

当前为 2025-12-10 提交的版本,查看 最新版本

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

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

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

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

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

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

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

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

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

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

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

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

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

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

// ==UserScript==
// @name         知乎纯净阅读-书页宽度版(无右侧/无顶栏/无图/适中行宽)
// @namespace    http://tampermonkey.net/
// @version      2.2
// @description  移除顶栏/右栏,隐藏图片,限制最大宽度并放大字号,优化阅读体验
// @match        https://www.zhihu.com/*
// @grant        GM_addStyle
// @license      MIT
// ==/UserScript==


(function() {
    'use strict';

    // ① 样式:无图 + 去右栏 + 适中宽度 + 放大字体
    GM_addStyle(`
        /* 全局字体与行距 */
        html, body {
            font-size: 18px !important;
            line-height: 1.8 !important;
            overflow-x: hidden !important; /* 避免横向滚动 */
        }

        /* 顶部 */
        header, .AppHeader {
            display: none !important;
        }

        /* 隐藏所有图片/视频/图标(但保留节点) */
        img, svg, video, source, picture {
            visibility: hidden !important;
            opacity: 0 !important;
            width: 0 !important;
            height: 0 !important;
        }

        /* 右侧相关占位全部干掉 */
        .Question-sideColumn,
        .TopstorySideBar,
        .ContentLayout-sideColumn,
        [class*="Sidebar"],
        [class*="SideBar"],
        [class*="Creator"],
        [class*="HotSearch"],
        [class*="SearchSide"],
        [class*="推荐关注"],
        [class*="盐言"],
        [data-za-detail-view-path*="RecommendUser"],
        [data-za-detail-view-path*="creation"],
        [class*="Pc-feedAd"],
        .CornerButtons {
            display: none !important;
            width: 0 !important;
            min-width: 0 !important;
            max-width: 0 !important;
            padding: 0 !important;
            margin: 0 !important;
        }

        /* 主体宽度改成「书页模式」而不是全屏 */
        .App-main,
        .Topstory-mainColumn,
        .Question-mainColumn,
        .RichContent,
        .Topstory-container,
        .Page {
            max-width: 900px !important;   /* 你可以改成 800 / 1000 自己试 */
            width: 100% !important;
            margin: 0 auto !important;     /* 居中 */
        }

        /* 段落再微调一点阅读体验 */
        .RichText, .RichContent-inner, .RichContent-inner p {
            font-size: 18px !important;
            line-height: 1.8 !important;
        }
    `);

    // ② 继续用你原来的 remove 逻辑,清理右侧等 DOM
    function removeNodes() {
        const selectors = [
            '.TopstorySideBar',
            '.Question-sideColumn',
            '[class*="Sidebar"]',
            '[class*="SideBar"]',
            '[class*="HotSearch"]',
            '[class*="Creator"]',
            '[data-za-detail-view-path*="RecommendUser"]',
            '[data-za-detail-view-path*="creation"]',
            '[class*="推荐关注"]',
            '[class*="盐言"]',
            '.CornerButtons'
        ];

        selectors.forEach(sel => {
            document.querySelectorAll(sel).forEach(el => el.remove());
        });
    }

    // 初次执行
    removeNodes();

    // 监听新内容(滚动加载时继续清理)
    const observer = new MutationObserver(removeNodes);
    observer.observe(document.body, { childList: true, subtree: true });
})();