GitHub 文件列表美化器

GitHub 文件列表美化器是一个用户脚本,用于增强 GitHub 仓库中的文件显示效果。它可以为文件和文件夹添加颜色,并将文件类型图标替换为小图像,使得代码库更加易于浏览和管理。按类型为文件添加颜色和图标,在存储库源树中显示小图像以代替文件类型图标

当前为 2024-09-13 提交的版本,查看 最新版本

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

You will need to install an extension such as Tampermonkey to install this script.

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

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

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

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

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

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

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

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

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

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

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

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

作者
人民的勤务员
评分
0 0 0
版本
4.1.0.2
创建于
2024-09-12
更新于
2024-09-13
大小
38.3 KB
兼容性
与 Firefox 兼容 与 Chrome 兼容 与 Opera 兼容 与 Safari 兼容 与 Edge 兼容
许可证
MIT
适用于

GitHub 文件列表美化器

「 GitHub 文件列表美化器是一个用户脚本,用于增强 GitHub 仓库中的文件显示效果。它可以为文件和文件夹添加颜色,并将文件类型图标替换为小图像,使得代码库更加易于浏览和管理。 」

Views

Download:Github | ⭐Greasy Fork

更新记录

🛠️ GitHub 文件列表美化器 更新日志

📅 2024/9/12 11:35 - Ver 4.1

新增: 增加了对文件增加图标,增加了自定义文件颜色。


GitHub 文件列表美化器

简介

GitHub 文件列表美化器是一个用户脚本,用于增强 GitHub 仓库中的文件显示效果。它可以为文件和文件夹添加颜色,并将文件类型图标替换为小图像,使得代码库更加易于浏览和管理。

功能

  • 文件夹图标:将文件夹图标替换为更直观的文件夹图标。
  • 自定义图标:根据文件的扩展名或文件名,显示自定义的图标。
  • 图片文件预览:对于图片文件,自动显示缩略图。
  • 颜色标记:为不同类型的文件添加颜色,以便更快速地识别文件类型。

请注意:

本脚本目就是为了着色不同的文件类型,显示图标只是附带的,有需要Github显示图标的,建议下载

  • github-vscode-icons-updated2.0.3
  • Material Icons for GitHub 1.8.19

安装

  1. 安装 Tampermonkey 或 Greasemonkey 插件

  2. 添加脚本

    • 点击 安装到 Tampermonkey Greasemonkey 。
  3. 脚本配置

    • 脚本首次运行时会从指定 URL 加载颜色配置。如果无法加载配置,将使用默认设置。

使用

  • 脚本会在 GitHub 页面加载时自动运行,处理文件列表中的文件图标。
  • 可以根据需要在 localStorage 或脚本设置中调整图标和颜色配置。

自定义配置说明

  • 文件类型: "js": { "color": "#f1c40f", "icon": "javascript" }, "py": { "color": "red", "icon": "javascript" }
  • 绝对名称:(用来显示图标的,暂时没添加绝对文件的自定义着色) "123.txt": { "color": "red", "icon": "javascript" },
  • 默认从vscode-material-icon-theme获取图标: "123.txt": { "color": "red", "icon": "javascript" },
  • 从网络加载图标: "123.txt": { "color": "red", "icon": "https://www.1.com/1.png" },
  • 从本地加载图标: "123.txt": { "color": "red", "icon": " data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAA....." },

GitHub相关脚本

  • GitHub提交信息显示HTML: 该脚本将 GitHub 上的提交信息转化为 HTML 视图,以更清晰地查看提交详情。它会自动将提交信息列表、提交头部和最新提交信息转化为 HTML 格式,提供更佳的视觉效果和用户体验。
  • GitHub文件夹下载: 添加一个下载按钮,允许轻松下载特定的 GitHub 文件夹。
  • GitHub下载单文件和复制文件URL: 在每个文件行的末尾添加按钮,以复制原始文件 URL 和下载文件
  • github显示仓库大小: 在Github查看仓库和搜索仓库时显示仓库大小
  • GitHub Sort by Date: 仓库列表文件排序方式改为日期降序,方便查看最新更新的文件。
  • GitHub 文件列表美化器: GitHub 文件列表美化器是一个用户脚本,用于增强 GitHub 仓库中的文件显示效果。它可以为文件和文件夹添加颜色,并将文件类型图标替换为小图像,使得代码库更加易于浏览和管理。

兼容性

  • 浏览器:支持 Chrome、Firefox、Edge、Opera 和 Safari。

支持与反馈

授权

贡献

image dark Snipaste_2024-09-12_12-03-25.png

使用帮助

推荐浏览器和脚本管理器:

  • Greasemonkey + Waterfox
  • Tampermonkey/Violentmonkey + Firefox
  • Tampermonkey/Violentmonkey + Chrome
  • Userscripts + ios Safari
  • Violentmonkey/KiWiBrowser + Android

更多用户脚本 / 回到顶部↑