您可以在URL后面添加?ts=2
或者?ts=4
来改变选项卡的大小。
例如:https://github.com/jquery/jquery/blob/main/src/core.js?ts=2
似乎这个值可以是1到12之间的任何数字,但它在Gists或原始文件视图中不起作用。
来源:GitHub 技巧速查表
如果您的仓库中有.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
在浏览器中安装 Stylus,然后安装 GitHub:更好尺寸的代码选项卡。
还有 Google Chrome 扩展程序:
[*]
所尊重。我不得不添加另一个条目 [.*]
。 - PotatoFarmer自2021年9月起,您可以直接在您的GitHub设置中设置制表符大小:github.com/settings/appearance
。
.editorconfig
?ts=2
就像这样:
请注意:您不能输入“3”。否则会出现以下错误:
无法保存制表符大小渲染偏好:
验证失败:
未包括该制表符大小选项
使用浏览器扩展程序实际上是可以做到的。安装Stylish(在Firefox或Chrome中),然后安装此用户样式:“GitHub: better-sized tabs in code”。
可能对某些语言无效。例如,我正在查看一个JavaScript文件,但没有注意到任何更改。因此,我删除了作者编写的样式并使用了以下行:
.tab-size {
-webkit-tab-size: 4 !important;
-moz-tab-size: 4 !important;
-o-tab-size: 4 !important;
tab-size: 4 !important;
}
它在Chrome上运行良好(屏幕截图)。
从屏幕截图中可以看出,我还启用了宽屏模式,并将颜色方案更改为Solarized。因此,通过Chrome的Stylish扩展程序在GitHub页面上运行了三种用户样式。希望这能帮助到某些人。
替换每个\t
。糟糕。 - Rudie?ts=4
)。 - dule如果这个项目是你自己的,请在项目根目录中创建一个名为“.editorconfig”的文件,并将以下内容添加到该文件中。
[*]
indent_style = tab
indent_size = 4
tab_width = 4
更正确地指定制表符的渲染宽度,而 indent_size = 4
则指定编辑器中默认的缩进宽度。 - Ryanindent_size
:tab_width
默认为indent_size
,只有在您想要例如1个缩进等于2个制表符或在其他地方使用制表符的情况下才需要打破它们之间的联系并使用空格缩进。 - twhb如果您对用户脚本感兴趣,这对我非常有用:
// ==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 });
我这样做是为了修复它们 http://valjok.blogspot.com/2014/07/indentation-correction-for-exposing.html。
另一个选项是在嵌入您的Gist时,用所需数量的空格替换所有制表符
<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>
{
"editor.tabSize": 2,
"editor.insertSpaces": true
}
{
"tab_size": 2,
"translate_tabs_to_spaces": true
}
直到最近我一直坚持使用非空格制表符。在切换后,它解决了Github渲染的奇怪问题,并且我没有注意到我的工作流程中有任何显著的缺点。
最好的解决方案是,如果可能的话,说服您正在查看的源代码维护者将所有制表符替换为正确数量的空格。
在当今的代码中使用制表符存在问题,因为您经常在网络上看到它,而“每个制表符有多少个空格”这个决定取决于它被显示在哪里。
?ts=4
来实现。 - Ben
pre { tab-size: 4 }
中提供的答案。 - KyleMit.editorconfig
的答案,我认为他的答案包括了当前最佳方法,既可以设置配置以使其他人看到您想要看到的代码,也可以在阅读其他人的代码时更改其外观。 - f1lt3r