【油猴脚本】自定义左侧边栏

动机
泥潭的左侧栏应该是所有页面都会有、可触达性最好的快捷键。但这里一部分不太常用的按钮，如“论坛规范”“新人升级”“常见问题”等度过新手期就不再使用、“近期活动”本质上是跳转活动中心但活动一般会小电视置顶的等等。让它们占据一个使用率如此之高的快捷栏，感觉稍微有那么一丢丢浪费。所以就调教GPT写了这个脚本。

主要功能
给左侧栏的每一个按钮位置都添加了一个可自定义编辑的参数，可以通过以下方式修改：

1. // 定义每个按钮的配置，默认保持不变
   
2. // 1 表示按钮不变
   
3. // 0 表示禁止按钮显示
   
4. // 2 表示修改按钮 请按照[2,"按钮名称","鼠标悬停时显示的按钮描述","按钮关联到的网址"]格式进行填写

复制代码

左边这些符号可以自行挑选，我这里列出我找符号时用到的两个网址：
https://tool.lmeee.com/fuhao/teshu
https://www.cnblogs.com/facingscreen/p/18103217

代码
@Name @Match
这里有部分代码是按照我自己的喜好修改的，不过原理相同，可以参考格式自行修改成喜欢的。

1. // ==UserScript==
   
2. // @name         全局：左侧菜单自定义
   
3. // @namespace    http://tampermonkey.net/
   
4. // @version      1.0
   
5. // @description  修改导航菜单按钮的显示内容、悬浮提示和链接
   
6. // @author       Étoiles
   
7. // @match        https://www.gamemale.com/*
   
8. // @grant        none
   
9. // ==/UserScript==
   
10. 
    
11. (function () {
    
12.     'use strict';
    
13. 
    
14.     // 定义每个按钮的配置，默认保持不变
    
15.     // 1 表示按钮不变
    
16.     // 0 表示禁止按钮显示
    
17.     // 2 表示修改按钮 请按照[2,"按钮名称","鼠标悬停时的按钮描述","按钮关联到的网址"]格式进行填写
    
18.     const buttonConfig = {
    
19.         "mn_forum": [1],
    
20.         // 首 页
    
21. 
    
22.         "mn_N2c45": [2,"和谐动漫 ❤","发帖时间倒序的和谐动漫。","https://www.gamemale.com/forum.php?mod=forumdisplay&fid=150&filter=author&orderby=dateline"],
    
23.         // 论坛规范
    
24. 
    
25.         "mn_Na183": [2,"ＣＯＤＥ ⌘","看看ＣＯＤＥ版块有啥新鲜事。","https://www.gamemale.com/forum.php?mod=forumdisplay&fid=206&filter=author&orderby=dateline"],
    
26.         // 新人升级
    
27. 
    
28.         "mn_N69dc": [2,"二手市场 ▧","二手市场一键直达！","https://www.gamemale.com/wodexunzhang-showxunzhang.html?action=showjishou"],
    
29.         // 常见问题
    
30. 
    
31.         "mn_Nf376": [2,"勋章商城 ▤"],
    
32.         // 勋章商城
    
33. 
    
34.         "mn_N13d5": [1],
    
35.         // 我的勋章
    
36. 
    
37.         "mn_Nc5cc": [1],
    
38.         // 道具商店
    
39. 
    
40.         "mn_N35bc": [1],
    
41.         // 血液祭献
    
42. 
    
43.         "mn_N34e7": [2,"记录广场 ◉","快速查看当前热点~","https://www.gamemale.com/home.php?mod=space&do=doing&view=all"],
    
44.         // 你画我猜
    
45. 
    
46.         "mn_N50a7": [2,"头衔称号 ♞"],
    
47.         // 头衔称号
    
48. 
    
49.         "mn_Ncfa1": [2,"热门任务 ✈"],
    
50.         // 热门任务
    
51. 
    
52.         "mn_N2e25": [2,"我的访客 ☎","看看有谁来过我的空间。","https://www.gamemale.com/home.php?mod=space&do=friend&view=visitor"],
    
53.         // 近期活动
    
54. 
    
55.         "mn_N4483": [2,"本月调查 ♬","快速查看所有投票帖。","https://www.gamemale.com/forum.php?mod=collection&action=view&ctid=352&fromop=all"],
    
56.         // 专帖合辑
    
57. 
    
58.         "mn_Ncc15": [0]
    
59.         // 科考小队
    
60.     };
    
61. 
    
62.     // 创建MutationObserver实例
    
63.     const observer = new MutationObserver((mutations) => {
    
64.         mutations.forEach((mutation) => {
    
65.             if (mutation.type === 'childList') {
    
66.                 // 获取所有的按钮列表
    
67.                 const navMenu = document.querySelectorAll('.nav-menu li');
    
68. 
    
69.                 navMenu.forEach((button) => {
    
70.                     const buttonId = button.id;
    
71.                     if (buttonConfig.hasOwnProperty(buttonId)) {
    
72.                         const config = buttonConfig[buttonId];
    
73.                         const displayMode = config[0];
    
74. 
    
75.                         if (displayMode === 0) {
    
76.                             // 设置为0则隐藏按钮
    
77.                             button.style.display = 'none';
    
78.                         } else if (displayMode === 2) {
    
79.                             // 设置为2则修改按钮
    
80.                             const linkElement = button.querySelector('a');
    
81.                             if (linkElement) {
    
82.                                 // 设置按钮显示内容
    
83.                                 if (config[1]) linkElement.textContent = config[1];
    
84.                                 // 设置悬浮提示内容
    
85.                                 if (config[2]) linkElement.title = config[2];
    
86.                                 // 设置链接
    
87.                                 if (config[3]) linkElement.href = config[3];
    
88.                             }
    
89.                         }
    
90.                     }
    
91.                 });
    
92.             }
    
93.         });
    
94.     });
    
95. 
    
96.     // 开始观察目标节点
    
97.     observer.observe(document.body, { childList: true, subtree: true });
    
98. })();
    

复制代码

来自群组: 星象占卜

可以自定义左边侧栏挺实用的惹，可以把自己常用的放上去

自己改界面的话可以方便很多很有用惹

自定义左边侧栏很有用惹，有些栏我都不会点进去，有些经常点的又不在，这下方便噜

用惯了也就还好，不过可以的话，还是想把可以得提前放

方便耶！这下终于可以不用收藏夹了

很实用惹 可以更方便的使用常用功能

很有用的脚本，对于老用户就可以隐藏首页下面的新人升级常见问题这些栏目，换成自己经常访问的板块了

好耶~这下可以直接把CGAI和三和谐区都直接塞侧边栏，省的再从收藏板块打开惹~

1. "mn_forum": [1],
   
2.         // 首 页
   
3. 
   
4.         "mn_N2c45": [2,"ＣＧＡＩ ☢","ＣＧＡＩ监看屏","https://www.gamemale.com/forum.php?mod=forumdisplay&fid=205&filter=author&orderby=dateline"],
   
5.         // 论坛规范
   
6. 
   
7.         "mn_Na183": [2,"和谐动漫 ♥","今天你冲了吗","https://www.gamemale.com/forum.php?mod=forumdisplay&fid=206&filter=author&orderby=dateline"],
   
8.         // 新人升级
   
9. 
   
10.         "mn_N69dc": [2,"和谐游戏 ❥","今天ＦＶＮ又多挖了几个坑","https://www.gamemale.com/forum.php?mod=forumdisplay&fid=152&filter=author&orderby=dateline"],
    
11.         // 常见问题
    
12. 
    
13.         "mn_Nf376": [2,"和谐影集 ✾","ＧＭ每日大赛一览","https://www.gamemale.com/forum.php?mod=forumdisplay&fid=162&filter=author&orderby=dateline"],
    
14.         // 勋章商城
    
15. 
    
16.         "mn_N13d5": [1],
    
17.         // 我的勋章
    
18. 
    
19.         "mn_Nc5cc": [2,"勋章商城 ▤","这次补了什么货","https://www.gamemale.com/wodexunzhang-showxunzhang.html"],
    
20.         // 道具商店
    
21. 
    
22.         "mn_N35bc": [2,"二手市场 ◍","看看又有什么赔钱货大甩卖","https://www.gamemale.com/wodexunzhang-showxunzhang.html?action=showjishou"],
    
23.         // 血液祭献
    
24. 
    
25.         "mn_N34e7": [2,"血液献祭 ◉","1魂＝1150血~","https://www.gamemale.com/home.php?mod=spacecp&ac=credit&op=exchange"],
    
26.         // 你画我猜
    
27. 
    
28.         "mn_N50a7": [2,"头衔称号 ♞"],
    
29.         // 头衔称号
    
30. 
    
31.         "mn_Ncfa1": [2,"热门任务 ✈"],
    
32.         // 热门任务
    
33. 
    
34.         "mn_N2e25": [2,"你画我猜 ☛","看看又多了几个苹果","https://www.gamemale.com/plugin.php?id=viewui_draw"],
    
35.         // 近期活动
    
36. 
    
37.         "mn_N4483": [2,"道具商店 ☯","每周灵异事件，补签卡没货了","https://www.gamemale.com/home.php?mod=magic"],
    
38.         // 专帖合辑
    
39. 
    
40.         "mn_Ncc15": [0]
    
41.         // 科考小队

复制代码

个人用深度自定义

本人就懒得改了，现在论坛加载的插件有点多，加载页面已经挺慢了

我家GPT只能寫寫小黃文...
該調教他轉換賽道了.

左边栏目如何增加呢，那个“mn_N2c45”之类的看不懂啊

可以可以，经常误点常见问题，之前还挺困惑的

客制化泥潭势在必得，一键跳转还是挺方便的

看起来挺不错的脚本，能自定义常用的模块了

这个很方便，可以不用再去用鼠标往下翻专区了

挺实用的脚本，还可以自己更改边框。

左侧栏除了几个常用的其他都是半年没点开过… 能修改真是太好了

实在是很实用的脚本呢，谢谢大佬。

我倒是有点肌肉记忆记习惯了自己想点的板块在哪里，用上了反而不习惯