Question

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

示例：

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

Answer 1

您可以将?ts=2或?ts=4附加到网址以更改标签大小。

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

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

来源：GitHub Cheat Sheet

Answer 2

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

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

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

Example .editorconfig适用于JetBrains＆＃39;产品：

MERGE INTO  test mt
USING   (
        SELECT
            1  AS id,
            10 AS id2
        FROM
            dual) nr
ON  (   mt.id=nr.id)
WHEN MATCHED THEN
   UPDATE SET str=(SELECT   id  FROM test2  WHERE       id=nr.id2)
WHEN NOT MATCHED    THEN 
   INSERT   (id,str)    VALUES (    nr.id,(SELECT   tmp FROM    test2   WHERE   id=10) );

更改您在其他存储库中查看标签的方式

在浏览器中安装stylish，而不是安装GitHub: better-sized tabs in code。

还有Google Chrome扩展程序：

Answer 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（screenshot）。

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

Answer 4

更新

是即可。正如mortenpi所述，这可以通过额外的查询参数来完成。有关详细信息，请参阅his answer。

原始答案

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

没有。它仅作为编辑功能的一部分通过Ace编辑器提供，并且不会保留更改。

这个blog post提供了有关嵌入式IDE的更多信息。

但是，如果您知道您愿意查看的blob（文件）的网址，则可以通过使用编辑<更改 blob 细分，轻松切换到编辑模式/ strong>细分并使用下拉菜单选择您喜欢的标签尺寸。

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

Ace视图：https://github.com/moroshko/mmSelect/edit/master/mm_select.js

Answer 5

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

[*]
indent_style = tab
indent_size = 4

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

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

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

Answer 6

如果您是UserScript的用户，这对我有用：

// ==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 });

Answer 7

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

另一个选项是embedding your 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>

Answer 8

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

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

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

在Sublime中：

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

直到最近，我还坚持使用非间距标签。切换后，它修复了Github呈现的怪异，我没有注意到我的工作流程有任何明显的缺点。

Answer 9

如果可能的话，最好的解决方案是让维护者相信你正在寻找的源代码，用正确的空格数替换所有选项卡。

使用制表符在今天的代码中存在问题，因为您经常在网络上看到它，“每个制表符有多少空格”的决定取决于它的显示位置。

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

9 个答案:

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

更改您在其他存储库中查看标签的方式

更新

原始答案