329

当我在 GitHub 上查看文件时，选项卡显示为 8 个空格。

例子：

例子

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

4

10 回答 10

405

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

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

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

来源：GitHub 备忘单

于 2014-05-07T16:10:39.150 回答
327

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

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

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

适用于 JetBrains 产品的多个扩展的示例 .editorconfig ：

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：代码中尺寸更大的选项卡。

还有谷歌浏览器扩展：

于 2015-11-20T16:32:53.417 回答
72

实际上可以通过浏览器扩展来做到这一点。安装Stylish（在Firefox或Chrome中），然后安装此用户样式：“<a href="http://userstyles.org/styles/70979/github-better-sized-tabs-in-code" rel="noreferrer" >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。因此，我通过Chrome 的 Stylish 扩展在 GitHub 页面上运行了三种用户样式。我希望这可以帮助别人。

于 2013-03-28T13:58:47.313 回答
42

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

在变更日志“标签大小呈现偏好”中公布。

只是：

环境

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

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

于 2021-09-21T15:05:11.023 回答
30

更新

是的。正如 mortenpi 所说，这可以通过一个额外的查询参数来完成。有关更多详细信息，请参阅他的答案。

原始答案

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

不可以。它只能通过Ace编辑器作为编辑功能的一部分使用，并且不会保留更改。

这篇博文提供了有关嵌入式 IDE 的更多信息。

但是，如果您知道要查看的 blob（文件）的 url，则可以通过使用编辑段更改blob 段并使用下拉菜单选择您喜欢的选项卡大小来轻松切换到编辑模式。

选项卡大小

于 2012-01-12T11:52:07.420 回答
7

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

[*]
indent_style = tab
indent_size = 4

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

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

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

于 2021-03-13T08:28:36.807 回答
0

如果你喜欢 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 });
于 2019-08-16T10:47:44.397 回答
-4

我这样做是为了修复它们 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>
于 2014-07-06T16:32:07.883 回答
-8

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

因此，例如，在 Visual Studio Code 中，配置如下所示：

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

在崇高它是：

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

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

于 2016-03-01T20:57:51.273 回答
-32

如果可能的话，最好的解决方案是说服您正在查看的源代码的维护人员将所有选项卡替换为正确数量的空格。

鉴于您经常在 Web 上看到它，现在在代码中使用选项卡是有问题的，“每个选项卡有多少空格”的决定取决于它的显示位置。

于 2013-06-10T18:01:01.117 回答