寫了一個修改論壇字體和排版的 Tampermonkey 腳本

之前看到有網友說論壇字體太小，看起來不舒服。高飽和度的配色是網頁設計的大忌，長時間觀看會讓人視力疲勞。使用 Chrome 和 Edge 瀏覽器的網友，可以通過 Tampermonkey（中文名篡改猴）擴展給網頁注入css樣式，在瀏覽器層麵改變頁麵的版式。

方法：

1.安裝擴展

Chrome 應用商店        Edge 外接程序

2.安裝腳本

此處以 Chrome 版本的設置為例，Edge 版操作大同小異，不再贅述。

點擊擴展程序欄的篡改猴圖標 - 管理麵板，打開腳本編輯頁麵。

點擊按鈕，新建一個腳本，將默認代碼刪除，把下麵的代碼粘貼進去，點擊文件 - 保存。

// ==UserScript==
// @name         重設wenxuecity字體
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  重設wenxuecity字體
// @author       You
// @match        https://bbs.wenxuecity.com/*
// @match        https://www.wenxuecity.com/*
// @match        https://zh.wenxuecity.com/*
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        none
// ==/UserScript==

(function() {
    var style = document.createElement("style");
    style.type = "text/css";
    var text = document.createTextNode(".maincontent a, .content .col ul li a.adslink, .content .col ul li a, .content .col ul li a.adslink:visited {color:#2b2b2b !important;}"+ //網站首頁 未點擊主題(修改字體顏色)
                                       ".content .col ul li a:visited {color:#ff2cff !important;}"+ // 網站首頁 已點擊主題(修改字體顏色)
                                       "body {}"+ //論壇首頁 主體
                                       "#hottopic .content .title a {font-family_replace:yahei;}"+ //論壇首頁 熱帖title(修改字體)
                                       "#hottopic .content p {font-family_replace:yahei;font-size_replace:15px;line-height:1.2em !important;}"+ //論壇首頁 熱帖content(修改字體，調整行距)
                                       "#hottopic .content p a {color:#2b2b2b;}"+ //論壇首頁 熱帖content(修改字體顏色)
                                       "#hottopic .comment p.count {font-size_replace:1.1em;font-weight:700;margin-top:0px;line-height:1.5em;}"+ //論壇首頁 評論數(位置上移)
                                       "#rightside {}"+ //論壇首頁右側 熱帖lsit(未做更改)
                                       "#mainwrapper {}"+ // 論壇論壇首頁 頭部(未做更改)
                                       ".stack a {color:#0261BD;}"+ //論壇分區信息(修改字體顏色)
                                       "#quicklinks a {color:#0261BD;}"+ //論壇分區操作(修改字體顏色)
                                       ".section a{color:#0261BD;}"+ //論壇分類標簽(修改字體顏色)
                                       "#bodyColumn {}"+ //論壇分區主體中部(未做更改)
                                       "#menuColumn {}"+ //論壇分區主體左側菜單(未做更改)
                                       "#postlist div p {color:#cfcfcf !important;}"+ //論壇分區帖子信息(修改字體)
                                       ".post {color:#2b2b2b !important;}"+ //論壇分區普通帖 帖子標題(修改字體)
                                       ".b {font-family_replace:yahei;color:#609758;font-size_replace:15px;font-weight:normal !important;}"+ //論壇分區 用戶ID(及ID兩側的-)(修改字體)
                                       ".hitcounter {color:#609758 !important;}"+ //論壇分區 帖子閱讀量(修改字體)
                                       ".odd {background-color:#f9f9f9;padding:5px 1px 5px 5px !important;}"+ //論壇分區 單數行(修改背景色)
                                       ".even {background-color:#ebedec;padding:5px 1px 5px 5px !important;}"+ //論壇分區 雙數行(修改背景色)
                                       ".title {font-family_replace:simhei;font-size_replace:;font-weight:bold;color:#2b2b2b !important;}"+ //帖子標題(修改字體)
                                       "#breadcrumb span a, #channelBot a, #channelTop a, .breadcrumbs a, .breadcrumbs span, #postlinks a, #postmeta a, #postbody a, #postlogin a, #postform a, .post, #footer .info span, #footnav a {color:#006600;}"+ //超鏈接字體(修改字體顏色)
                                       "#postlinks, #postmeta {color:#8f8f8f;}"+ //帖子信息(修改字體顏色)
                                       "#articleBody {font-family_replace:yahei !important;}"+ //帖子內容（修改字體）
                                       "body, .menubar ul li.selected a, .bar_one span a, #footer .info {color:2b2b2b;}"+ //帖子內容(修改字體顏色)
                                       "h3 {font-family_replace:yahei;font-size_replace:;}"+ //所有跟帖、加跟帖(修改字體)
                                       "#postlist div p {font-family_replace:yahei;font-size_replace:16px;line-height:1.4em !important;}"+ //跟帖內容(修改字體)
                                       "#postlist {margin:0 -20px 5px 0px;padding:10px 15px 10px 5px; !important;}"+ //跟帖區(調整邊距)
                                       ".nickname {color:#609758;font-size_replace:15px;}"+ //跟帖用戶ID(修改字體)
                                       ".highlight {background:#e6e6dd;}"+ //回帖操作(取消高亮背景)
                                       "body {background-color:#cadfd5;}"+ //網頁主體(修改背景色)
                                       ".bar_two span.username a {color:#006600 !important;font-weight:bold !important;}"+ //用戶ID(修改字體顏色)
                                       ".bar_one span a:hover, .maincontent .wrapper a:hover, #breadcrumb span a:hover, #channelBot a:hover, #channelTop a:hover, #postlogin a:hover, #postbody a:hover, #postlist a:hover, #postlinks a:hover, #postmeta a:hover, #editmessage, .hitcounter {color:#c33030;}"); //操作記錄(修改字體顏色)
    style.appendChild(text);
    var head = document.getElementsByTagName("head")[0];
    head.appendChild(style);

    'use strict';
        var elements = document.querySelectorAll('a.sticky[style="color:#008000;"]');
    elements.forEach(function(element) {
        element.style.color = '#0261BD';
    }); //論壇分區置頂 帖子標題(替換顏色)
    // Your code here...
})();

以上為代碼部分。保存後刷新網頁即可生效，效果如圖。

最後跟大家分享一首詩歌。

《 烏黑的眼睛 》
作者：米哈伊爾·尤列維奇·萊蒙托夫(俄)

無數星星綴滿夏天的夜空，
為什麽你隻有兩顆星？！
南方的明眸，烏黑的眼睛，
遇見你叫我失去平靜
人們常說，夜晚的星鬥
是天堂裏幸福的象征；

黑眼睛，你是天堂和地獄，
你的星光照徹我的心靈。
南方的明眸，烏黑的眼睛
我從目光中閱讀愛情；
從我們相遇的一刻起，
你是我白天黑夜不落的星！

 

 

所有跟帖： 

• 這個應用很有趣，除了格式，好像連內容都可以修改，有沒有這個可能？ -hot_powerz- ♂ (0 bytes) () 06/16/2023 postreply 16:03:51

• 可以，能夠去掉頁麵上不常用的按鈕和鏈接。比如用來刪除百度首頁搜索框底部的熱點新聞。 -漫行筆記- ♂ (0 bytes) () 06/17/2023 postreply 05:59:25