如何在GitHub上更改标签大小？

Question

当我在GitHub上查看文件时,标签显示为8个空格.

例:

是否可以将此配置更改为2或4个空格？

Answer 1

您可以附加?ts=2或?ts=4更改URL以更改选项卡大小.

示例:https://github.com/jquery/jquery/blob/master/src/core.js？ts = 2

似乎值可以是1到12之间的任何值.但它不适用于Gists或原始文件视图.

来源:GitHub备忘单

Answer 2

设置存储库的默认显示选项卡大小

当您的存储库中有.editorconfig时,它会在GitHub上查看代码时尊重它.

indent_style = tab和indent_size = 4显示带有4列而不是8列的选项卡 :https://github.com/isaacs/github/issues/170#issuecomment-150489692

示例.editorconfig用于JetBrains产品中的多个扩展:

root = true

[*]
end_of_line = lf
insert_final_newline = true

# Matches multiple files with brace expansion notation
[*.{js,jsx,html,sass}]
charset = utf-8
indent_style = tab
indent_size = 4
trim_trailing_whitespace = true

[*.md]
trim_trailing_whitespace = false

更改您在其他存储库中查看选项卡的方式

在浏览器中安装时尚,而不是在代码中安装GitHub:更大尺寸的选项卡.

还有Google Chrome扩展程序:

• https://chrome.google.com/webstore/detail/github-tab-sizer/djpnapkcpjomnkfekaedkigfomiedpjf
• https://chrome.google.com/webstore/detail/github-tab-size/ofjbgncegkdemndciafljngjbdpfmbkn/related

Answer 3

自 2021 年 9 月起，您可以直接在 GitHub 设置中设置选项卡大小：github.com/settings/appearance。

在变更日志中宣布“选项卡大小渲染首选项”。

• 不再.editorconfig
• 不再?ts=2添加到 URL

只是：

注意：例如，您不能输入“3”。你会得到：

无法保存选项卡大小呈现首选项：
验证失败：
选项卡大小不包含在列表中

Answer 4

实际上可以通过浏览器扩展来实现.安装Stylish(在Firefox或Chrome中),然后安装此用户样式:" GitHub:代码中大小更好的选项卡 ".

它可能不适用于某些语言.例如,我正在查看JavaScript文件,但我没有注意到任何更改.所以我删除了作者的风格,并将以下几行放入其中:

.tab-size {
  -webkit-tab-size: 4 !important;
     -moz-tab-size: 4 !important;
       -o-tab-size: 4 !important;
          tab-size: 4 !important;
}

它适用于Chrome(截图).

从屏幕截图中可以看出,我还启用了宽屏模式并将颜色方案更改为Solarized.所以我通过Stylish Extension for Chrome在GitHub页面上运行了三种用户样式.我希望这可以帮助别人.

Answer 5

更新

是的.正如mortenpi所述,这可以通过额外的查询参数来完成.有关详细信息,请参阅他的回答

原始答案

是否可以将此配置更改为2或4个空格？

不可以.它仅作为编辑功能的一部分通过Ace编辑器提供,并且不会保留更改.

此博客文章提供了有关嵌入式IDE的更多信息.

但是,如果您知道您愿意查看的blob(文件)的URL,则可以通过使用编辑段更改blob段并使用下拉列表选择您喜欢的选项卡大小,轻松切换到编辑模式.

• 标准视图:https://github.com/moroshko/mmSelect/blob/master/mm_select.js
• Ace视图:https://github.com/moroshko/mmSelect/edit/master/mm_select.js

Answer 6

如果该项目是您的，请在项目根目录中创建一个名为“.editorconfig”的文件，并为其提供以下内容。

[*]
indent_style = tab
indent_size = 4

这将导致 GitHub 在项目中呈现 4 宽的选项卡。

这是一个EditorConfig文件，正式指定，很多编辑器都支持，也支持更广泛的编辑器配置，比如指定所有.html文件都是UTF-8编码。

如果该项目不是您的，请考虑打开一个问题，要求作者指定他们想要的缩进样式。