如何隐藏GitLab社区版10.8.2项目页冗余的Auto DevOps Kubernetes CI/CD按钮

我刚好处理过类似的需求，在GitLab CE 10.8.2里没有官方提供一键隐藏这些按钮的开关，但可以通过几种方式实现，按推荐优先级给你列出来：

方法一：通过项目设置禁用Auto DevOps（最官方） #

这是最稳妥的方式，禁用后大部分相关按钮会自动消失：

• 进入目标项目页面，点击左侧菜单栏的Settings（设置）
• 切换到CI/CD选项卡
• 向下滚动找到Auto DevOps板块，勾选「Disable Auto DevOps for this project」（禁用此项目的Auto DevOps）
• 点击页面底部的Save changes（保存更改）

方法二：管理员全局自定义CSS（适用于所有项目） #

如果是GitLab管理员，想让所有项目都隐藏这些元素，可以通过自定义全局CSS实现：

• 登录管理员账号，进入Admin Area（管理区域）
• 点击Appearance（外观）选项卡
• 在Custom CSS输入框中添加以下代码：

/* 隐藏Auto DevOps相关按钮及侧边栏Kubernetes选项 */
.gl-button-group:has(.js-auto-devops-setup-button),
.project-sidebar .nav-item:contains("Kubernetes") {
    display: none !important;
}

• 点击Save changes保存设置，所有项目页面的对应元素就会被隐藏。

方法三：普通用户用浏览器脚本（仅个人生效） #

如果你只是普通用户，不想麻烦管理员，可以用Tampermonkey这类用户脚本工具实现：

1. 安装Tampermonkey浏览器扩展
2. 创建新脚本，粘贴以下代码（记得替换成你的GitLab实例地址）：

// ==UserScript==
// @name         Hide GitLab Auto DevOps Kubernetes Buttons
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  隐藏GitLab CE 10.8.2中冗余的Auto DevOps Kubernetes按钮
// @author       You
// @match        https://你的GitLab实例地址/*/projects/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // 隐藏顶部的Auto DevOps设置按钮
    const autoDevOpsBtn = document.querySelector('.js-auto-devops-setup-button');
    if (autoDevOpsBtn) {
        autoDevOpsBtn.closest('.gl-button-group').style.display = 'none';
    }

    // 隐藏侧边栏的Kubernetes选项
    const kubeNavItem = Array.from(document.querySelectorAll('.project-sidebar .nav-item a'))
        .find(el => el.textContent.trim().includes('Kubernetes'));
    if (kubeNavItem) {
        kubeNavItem.parentElement.style.display = 'none';
    }
})();

3. 保存脚本后，访问项目页面时这些冗余按钮就会自动被隐藏。

你提到的要隐藏的按钮如图所示：

内容的提问来源于stack exchange，提问作者Chweng Mega