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

Search…
Здесь собрана краткая информация по быстрому форматированию текста в редакторе при создании темы в обсуждениях. Полная информация по редактору представлена тут:
​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>
Вставка ссылки на видео
Дополнительная информация - Previous
Markdown Cheatsheet
Наша история и ценности
Last modified 10mo ago
Copy link
Outline
Заголовки
Списки
Ссылки
Изображения
Подсветка кода
Таблицы
Цитаты
Горизонтальный разделитель
Видео с Youtube