tabs - Как изменить размер вкладок на GitHub?




tab-size (8)

Обновить

Да . Как заявлено mortenpi, это можно сделать с помощью дополнительного параметра запроса. См. Его ответ для более подробной информации.

Оригинальный ответ

Возможно ли изменить эту конфигурацию на 2 или 4 пробела?

Нет. Он доступен только как часть функции редактирования через редактор Ace и это изменение не сохраняется.

Это сообщение в блоге дает дополнительную информацию о встроенной среде IDE.

Однако, если вы знаете URL-адрес blob (файла), который вы хотите просмотреть, вы можете легко переключиться в режим редактирования, изменив сегмент blob сегментом редактирования и используя раскрывающийся список, чтобы выбрать свой предпочтительный размер вкладок.

Когда я просматриваю файлы на GitHub, вкладки отображаются как 8 пробелов.

Пример:

Возможно ли изменить эту конфигурацию на 2 или 4 пробела?


Я сделал это для их исправления 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>

Лучшим решением является, по возможности, убедить сопровождающих исходного кода, на который вы хотите заменить все вкладки, на правильное количество пробелов.

Использование вкладок сегодня является проблематичным в коде, учитывая, что вы часто видите его в Интернете, где решение «сколько пробелов на вкладку» зависит от того, где он отображается.


На самом деле это возможно, с расширением браузера. Установите « StylishFirefox или 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 ( screenshot ).

Как вы можете видеть на скриншоте, я также включил широкоэкранный режим и изменил цветовую схему на Solarized. Таким образом, у меня есть три пользовательских стиля, запущенных на страницах GitHub с помощью Chrome . Я надеюсь, что это помогает кому-то.


Вы можете добавить в URL-адрес ?ts=2 или ?ts=4 чтобы изменить размер вкладок.

Пример: https://github.com/jquery/jquery/blob/master/src/core.js?ts=2

Кажется, что значение может быть любым от 1 до 12. Однако оно не работает в Gists или в представлении необработанных файлов.

Источник: GitHub Cheat Sheet


Задайте размер вкладок по умолчанию для вашего репозитория

Когда у вас есть .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

Измените, как вы видите вкладки в других репозиториях

Установите stylish в своем браузере, чем установите GitHub: более качественные вкладки в коде .

Существуют также расширения Google Chrome:


Вот обновление для Stylish. Ответ aledujke с .tab-size заменен на .diff-viewer.

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

Вы также можете использовать относительные пути, такие как

![Alt text](relative/path/to/img.jpg?raw=true "Title")




tabs github tab-size