Codenrock
Search…
Руководство по настройке
Setup guide
Дополнительная информация
Помощь по редактору в Обсуждениях
Здесь собрана краткая информация по быстрому форматированию текста в редакторе при создании темы в обсуждениях. Полная информация по редактору представлена тут:
Заголовки
1
# H1
2
## H2
3
### H3
4
#### H4
5
##### H5
6
###### H6
7
8
Альтернативный метод форматирования для того, чтобы сделать заголовки H1 и H2
9
10
Alt-H1
11
======
12
13
Alt-H2
14
------
Copied!
Форматирование заголовков
Списки
В примере каждый пробел обозначен как - ⋅. Количество ⋅ (точек) равно количеству пробелов в редакторе.
1
1. Первый элемент упорядоченного списка
2
2. Какой-то другой элемент списка
3
⋅⋅⋅* Подэлемент неупорядоченного списка.
4
1. Если поменять число, то элемент все равно сохранит порядковый номер
5
⋅⋅⋅1. Подэлемент упорядоченного списка
6
4. И какой-то другой элемент
7
8
⋅⋅⋅В редакторе есть возможность создать абзацы с таким же отступом, как и у элементов списка.
9
Обратите внимание на пустую строку выше и пробелы (используйте три пробела перед предложением, чтобы создать абзац).
10
11
* Для неуподрядоченного списка можно использовать звездочки
12
- Или минусы
13
+ Или плюсы
Copied!
Форматирование списков
Ссылки
Есть несколько способов вставить ссылки в редактор.
1
[Я ссылка внутри строки](https://www.codenrock.com)
2
[Я ссылка внутри строки с подсказкой при наведении на меня](https://www.codenrock.com "Codenrock Homepage")
3
[Я ссылка в стиле справочника][1]
4
[Вместо числа можно сразу вставлять ссылку]
5
Можно, например, сделать так [текст для привлечения внимания]
6
7
[1]: https://www.codenrock.com
8
[Вместо числа можно сразу вставлять ссылку]: https://www.codenrock.com
9
[текст для привлечения внимания]: https://www.codenrock.com
Copied!
Форматирование ссылок
URL такого формата:
- https://codenrock.com
- <https://codenrock.com>
- codenrock.com (иногда без http(s)://) (ссылки такого вида на Github распознаваться не будут)
Автоматически распознаются редактором как ссылки.
Изображения
1
Это наше лого (если навести на него мышкой, то можно увидеть подсказку):
2
Ссылка внутри строки:
3
4
5
Добавим ссылку на изображение в справочном стиле:
6
![alt text][logo]
7
8
//Обязательно ставьте пробел между текстом и передаваемой ссылкой
9
10
[logo]: https://contestfiles.s3.eu-central-1.amazonaws.com/tilda/20753841/tild3535-3832-4938-b836-386533353930___1ldpi.svg "Logo Title Text 2"
Copied!
Форматирование изображений
Подсветка кода
1
//Используйте обратные галочки, чтобы выделить код внутри строки.
2
3
Inline `code` has `back-ticks around` it.
4
5
//Блоки кода либо ограничены строками с тремя обратными галочками ```,
6
//либо имеют отступ с четырьмя пробелами.
7
//Рекомендуется использовать только изолированные блоки кода - они проще
8
//и только они поддерживают подсветку синтаксиса.
9
10
```javascript
11
var s = "JavaScript syntax highlighting";
12
alert(s);
13
```
14
15
```python
16
s = "Python syntax highlighting"
17
print s
18
```
Copied!
Форматирование кода
Таблицы
1
// Для выраванивания колонок используйте двоеточия.
2
3
| Таблицы | Это (колонка 2) | Круто (колонка 3)|
4
| ------------------------ |:---------------------------------:| ------------------------:|
5
| Колонка 3 | Прижата к правому краю | $1600 |
6
| Колонка 2 | Находится по центру | $12 |
7
| Построчная зебра | Работает | $1 |
8
9
// Каждую ячейку заголовка должно разделять не менее трех тире.
10
// Внешние каналы (|) не являются обязательными, не нужно делать их красивыми:)
11
12
// Некрасивый, но полностью рабочий, пример:
13
14
Не очень | Красивая | Разметка
15
--- | --- | ---
16
*Still* | `renders` | **nicely**
17
1 | 2 | 3
Copied!
Создание и форматирование таблиц
Цитаты
1
> Цитату создать очень легко! Поставьте угловую скобку в начале предложения.
2
> Продолжение предложения с новой строки, но в том же блоке цитаты.
3
4
Тут будет разрыв цитаты
5
6
> Это очень длинная строка, которая все равно будет правильно цитироваться при переносе. Давайте продолжим писать, чтобы убедиться, что этого достаточно, чтобы все слова поместились в цитату. О, кстати, вы можете *отформатировать* **текст** внутри цитаты!
Copied!
Форматирование цитат
Горизонтальный разделитель
1
Три или более...
2
3
***
4
5
Звездочки
6
7
___
8
9
Подчеркивания
Copied!
Видео с Youtube
Видео с Youtube добавляются аналогично изображениям.
Вставьте после
href ссылку на видео. Не забывайте обернуть ссылку в кавычки! Поменяйте обложку у видео, если хотите. Вставьте в тег
img после src ссылку на изображение, которое будет показываться вместо обложки по умолчанию.Если нужно изменить ширину и высоту превью видео, то поменяйте числа в параметрах ширины
width и высоты height.1
//Код для вставки видео с Youtube
2
3
<a href="http://www.youtube.com/watch?feature=player_embedded&v=YOUTUBE_VIDEO_ID_HERE
4
" target="_blank">
5
<img src="http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg"
6
alt="IMAGE ALT TEXT HERE" width="240" height="180" border="10" /></a>
Copied!
Вставка ссылки на видео
Last modified 6mo ago