Помощь по редактору в Обсуждениях

Здесь собрана краткая информация по быстрому форматированию текста в редакторе при создании темы в обсуждениях. Полная информация по редактору представлена тут:

• John Gruber's original spec.

• Github-flavored Markdown info page.

Заголовки

# H1
## H2
### H3
#### H4
##### H5
###### H6

Альтернативный метод форматирования для того, чтобы сделать заголовки H1 и H2

Alt-H1
======

Alt-H2
------

Форматирование заголовков

Списки

В примере каждый пробел обозначен как - ⋅. Количество ⋅ (точек) равно количеству пробелов в редакторе.

1. Первый элемент упорядоченного списка
2. Какой-то другой элемент списка
⋅⋅⋅* Подэлемент неупорядоченного списка. 
1. Если поменять число, то элемент все равно сохранит порядковый номер
⋅⋅⋅1. Подэлемент упорядоченного списка
4. И какой-то другой элемент

⋅⋅⋅В редакторе есть возможность создать абзацы с таким же отступом, как и у элементов списка. 
Обратите внимание на пустую строку выше и пробелы (используйте три пробела перед предложением, чтобы создать абзац).

* Для неуподрядоченного списка можно использовать звездочки
- Или минусы
+ Или плюсы

Форматирование списков

Ссылки

Есть несколько способов вставить ссылки в редактор.

[Я ссылка внутри строки](https://www.codenrock.com)
[Я ссылка внутри строки с подсказкой при наведении на меня](https://www.codenrock.com "Codenrock Homepage")
[Я ссылка в стиле справочника][1]
[Вместо числа можно сразу вставлять ссылку]
Можно, например, сделать так [текст для привлечения внимания]

[1]: https://www.codenrock.com
[Вместо числа можно сразу вставлять ссылку]: https://www.codenrock.com
[текст для привлечения внимания]: https://www.codenrock.com

Форматирование ссылок

URL такого формата:

• https://codenrock.com

• <https://codenrock.com>

• codenrock.com (иногда без http(s)://) (ссылки такого вида на Github распознаваться не будут)

Автоматически распознаются редактором как ссылки.

Изображения

Это наше лого (если навести на него мышкой, то можно увидеть подсказку):
Ссылка внутри строки: 
![alt text](https://contestfiles.s3.eu-central-1.amazonaws.com/tilda/20753841/tild3535-3832-4938-b836-386533353930___1ldpi.svg "Logo Title Text 1")

Добавим ссылку на изображение в справочном стиле: 
![alt text][logo]

//Обязательно ставьте пробел между текстом и передаваемой ссылкой

[logo]: https://contestfiles.s3.eu-central-1.amazonaws.com/tilda/20753841/tild3535-3832-4938-b836-386533353930___1ldpi.svg "Logo Title Text 2"

Форматирование изображений

Подсветка кода

//Используйте обратные галочки, чтобы выделить код внутри строки.

Inline `code` has `back-ticks around` it.

//Блоки кода либо ограничены строками с тремя обратными галочками ```, 
//либо имеют отступ с четырьмя пробелами. 
//Рекомендуется использовать только изолированные блоки кода - они проще
//и только они поддерживают подсветку синтаксиса.

```javascript
var s = "JavaScript syntax highlighting";
alert(s);
```
 
```python
s = "Python syntax highlighting"
print s
```

Форматирование кода

Таблицы

// Для выраванивания колонок используйте двоеточия.

| Таблицы                  | Это (колонка 2)                   | Круто (колонка 3)|
| ------------------------ |:---------------------------------:| ------------------------:|
| Колонка 3                | Прижата к правому краю            |                    $1600 |
| Колонка 2                | Находится по центру               |                      $12 |
| Построчная зебра         | Работает                          |                       $1 |

// Каждую ячейку заголовка должно разделять не менее трех тире. 
// Внешние каналы (|) не являются обязательными, не нужно делать их красивыми:)

// Некрасивый, но полностью рабочий, пример:

Не очень | Красивая | Разметка
--- | --- | ---
*Still* | `renders` | **nicely**
1 | 2 | 3

Создание и форматирование таблиц

Цитаты

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

Тут будет разрыв цитаты

> Это очень длинная строка, которая все равно будет правильно цитироваться при переносе. Давайте продолжим писать, чтобы убедиться, что этого достаточно, чтобы все слова поместились в цитату. О, кстати, вы можете *отформатировать*  **текст** внутри цитаты!

Форматирование цитат

Горизонтальный разделитель

Три или более...

***

Звездочки

___

Подчеркивания

Видео с Youtube

Видео с Youtube добавляются аналогично изображениям.

Вставьте после href ссылку на видео. Не забывайте обернуть ссылку в кавычки!

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

Если нужно изменить ширину и высоту превью видео, то поменяйте числа в параметрах ширины width и высоты height.

//Код для вставки видео с Youtube

<a href="http://www.youtube.com/watch?feature=player_embedded&v=YOUTUBE_VIDEO_ID_HERE
" target="_blank">
<img src="http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg" 
alt="IMAGE ALT TEXT HERE" width="240" height="180" border="10" /></a>

Вставка ссылки на видео