如何改变标签大小在GitHub?

当我在GitHub上查看文件时，制表符显示为8个空格。

例子:

example

有可能把这个配置改为2或4个空格吗?

88945 次浏览
小开
最佳答案

更新

是的。正如mortenpi所说，这可以通过一个额外的查询参数来实现。详见他的回答。

原来的答案

有可能把这个配置改为2或4个空格吗?

不。它只能通过王牌编辑器作为编辑功能的一部分使用，并且更改不会被持久化。

博客给出了关于嵌入式IDE的更多信息。

然而，如果你知道你想要查看的blob(文件)的url，你可以通过用编辑段更改团段并使用下拉菜单选择你喜欢的选项卡大小来轻松切换到编辑模式。

tabSize

小开

这实际上是可以做到的，用一个浏览器扩展。安装时尚的(在火狐或铬中)，然后安装此用户样式:" GitHub:代码中更大的标签 "。

它可能不适用于某些语言。例如，我正在查看一个JavaScript文件，我没有注意到任何变化。所以我删除了作者的风格，并加入了以下几行:

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

并且它在Chrome上工作(截图)。

正如你从截图中看到的，我还启用了宽屏模式，并将配色方案更改为日光。所以我有三种用户样式通过Chrome的时尚扩展在GitHub页面上运行。我希望这能帮助到一些人。

小开

最好的解决方案是，如果可能的话，说服源代码的维护者用正确的空格数替换所有制表符。

在今天的代码中使用标签是有问题的，因为你经常在网络上看到它，“每个标签有多少空间”的决定取决于它被显示在哪里。

小开

你可以在URL后面附加?ts=2或?ts=4来改变制表符的大小。

例如:https://github.com/jquery/jquery/blob/main/src/core.js?ts=2

这个值似乎可以是1到12之间的任何值。它不工作在gist或原始文件视图。

来源:GitHub小抄

小开

我这样做是为了解决他们http://valjok.blogspot.com/2014/07/indentation-correction-for-exposing.html。

另一个选项是当嵌入要点时，将所有制表符替换为所需数量的空格

<div id="willReplaceTabs">
<script src="https://gist.github.com/valtih1978/99d8b320e59fcde634ad/cf1b512b79ca4182f619ed939755826c7f403c6f.js"></script>


<script language="javascript">
var spaces = "  "
willReplaceTabs.innerHTML = willReplaceTabs.innerHTML.replace(/\t/g, spaces)
</script>
</div>
小开

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

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

indent_style = TAB and indent_size = 4显示有4列的制表符 而不是8 https://github.com/isaacs/github/issues/170#issuecomment-150489692 < / p >

例子.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:代码中更大的标签。

还有谷歌Chrome扩展:

小开

如果这是您正在处理的项目的一个选项，则将编辑器更改为将制表符视为空格将解决该问题。

例如，在Visual Studio Code中，配置是这样的:

{
"editor.tabSize": 2,
"editor.insertSpaces": true
}

在Sublime中是:

{
"tab_size": 2,
"translate_tabs_to_spaces": true
}

直到最近，我还坚持使用非空格制表符。切换后，它修复了Github渲染的怪异，我没有注意到我的工作流程中有任何显著的缺点。

小开

如果你喜欢UserScripts，这对我来说很有用:

// ==UserScript==
// @name         GitHub Tabs
// @namespace    http://foldoc.org/
// @version      1
// @description  Set sensible tabs on GitHub
// @author       Denis Howe
// @match        https://github.com/*
// ==/UserScript==


document.querySelectorAll('table').forEach(t => { t.dataset.tabSize = 2 });
小开

如果项目是你的，在项目根目录下创建一个名为“”的文件。Editorconfig”，并为其提供以下内容。

[*]
indent_style = tab
indent_size = 4

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

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

如果项目不是你的，考虑打开一期，要求作者指定他们想要的缩进样式。

小开

github.com/settings/appearance，你可以直接在你的GitHub设置设置标签大小:

在标签大小渲染首选项;中宣布。

只是:

setting

注意:不能输入“;3”;例如。你会得到:

制表符大小渲染首选项无法保存:
验证失败:
列表中不包含制表符大小


提交答案