Уценка Github с наддувом

Посмотрите, насколько универсальным может быть Markdown на Github

Tom • Обучение, В сети • 02 04 2021

Уценка со вкусом Github

Привет, это снова Том (или ваш любимый голос WaveNet, если вы используете чтение вслух для английской или немецкой версии). Недавно я увидел несколько хороших и удобных приемов для использования Github Markdown, которые вы, возможно, еще не знаете. Давайте взглянем!

Горячие клавиши

Использование тега «<kbd>», который вы можете распознать как стандартный HTML-тег для описания сочетаний клавиш, также доступно для Github Markdown. Просто поместите простой текст, описывающий ваш ярлык, между двумя элементами «<kbd>», и Github отобразит его правильно.

### Keyboard shortcut

<kbd>Cmd + C</kbd>

<kbd>ESC</kbd>

markdownLanguageCheck out all coding posts

Детали и резюме

Давайте еще немного остановимся на известных HTML-тегах и рассмотрим детали и сводный элемент. Как и в HTML, элемент сведений является сворачиваемым и скрывает информацию (сводку сведений) до тех пор, пока пользователь не откроет представление сведений. То же самое доступно и в Markdown на Github.

### Summary and details

<details>
  <summary>A summary title</summary>
  And that's a summary content.
</details>

markdownLanguageCheck out all coding posts

Цвета

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

### Colors

For your PR's pleasure:

`#3285A8`

markdownLanguageCheck out all coding posts

Зачеркнутый

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

### Strikethrough

This a sentence. ~~This was a sentence.~~

markdownLanguageCheck out all coding posts

Конкретное определение кода

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

### Specified code language

```typescript
function add(a: number, b: number){
  return a + b;
}
```

markdownLanguageCheck out all coding posts

СМИ

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

Конец быстрой статьи

Если вы читаете эту статью, то, скорее всего, знакомы с большинством доступных элементов Github Markdown. Те немногие, которые я перечислил выше, являются элементами, о которых я раньше не слышал, поэтому я подумал, что имеет смысл поделиться ими с вами. Может быть, вы тоже видели их впервые и сегодня узнали что-то новое.

Том

Действия