Шпаргалка по markdown

Заголовки

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

H1-H2 добавляются в навигацию слева. H1-H6 можно добавить в содержание статьи (см. ниже)

H1

H2

H3

H4

H5
H6

H1-H2 добавляются в навигацию слева. H1-H6 можно добавить в содержание статьи (см. ниже)

Начертание

Курсив обозначается одинарнимы *звездочками* или _подчеркиваниями_.

Полужирный текст обозначаается двойными **звёздочками** или __подчеркиваниями__.

Для нужно начертания можно комбинировать **звёздочки и _подчеркивания_**.

Две тильды перечёркивают текст. ~~Перечеркнутый текст~~

Курсив обозначается одинарнимы звездочками или подчеркиваниями.

Полужирный текст обозначаается двойными звёздочками или подчеркиваниями.

Для нужно начертания можно комбинировать звёздочки и подчеркивания.

Две тильды перечёркивают текст. ~~Перечеркнутый текст~~

Списки

1. Первый элемент в нумерованном списке
2. Следующий элемент
  * Элемент ненумерованного списка. 
1. Номер элемента определяется автоматически, главное вставить какую-то цифру
  1. Нумерованный подсписок
4. Ещё один элемент  

   Пример текста, который должен быть выровнен по элементу №4 

* Ненумерованный список может использовать звёздочки
- Или минусы
+ Или плюсы
  1. Первый элемент в нумерованном списке
  2. Следующий элемент
  3. Элемент ненумерованного списка.
  4. Номер элемента определяется автоматически, главное вставить какую-то цифру
  5. Нумерованный подсписок
  6. Ещё один элемент

Пример текста, который должен быть выровнен по элементу №4

  • Ненумерованный список может использовать звёздочки
  • Или минусы
  • Или плюсы

Ссылки

Есть 2 способа создать ссылку

[С указанием ссылки сразу](https://www.google.com)

[С указанием ссылки в сноске][Arbitrary case-insensitive reference text]

[Можно использовать цифры в качестве сносок][1]

Также любая ссылка, обрамлённая в угловые скобки, автоматом преобразуется
<https://www.google.com>

Какой-то текст перед сносками

[arbitrary case-insensitive reference text]: https://www.mozilla.org
[1]: http://slashdot.org
[link text itself]: http://www.reddit.com

С указанием ссылки сразу

С указанием ссылки в сноске

Можно использовать цифры в качестве сносок

Также любая ссылка, обрамлённая в угловые скобки, автоматом преобразуется
https://www.google.com

Какой-то текст перед сносками

Изображения

Задаются почти также, как и ссылки (2 способа)

Задание ссылки на изображения сразу: 
![alt text](http://k50.ru/img/logos/logo_on_red.png "Logo Title Text 1")

Указание ссылки на изображение в сноске: 
![alt text][logo]

[logo]: http://k50.ru/img/logos/logo_on_red.png "Logo Title Text 2"

Задаются почти также, как и ссылки (2 способа)

Задание ссылки на изображения сразу:
alt text

Указание ссылки на изображение в сноске:
alt text

Подсветка кода и выделение элементов

С попмощью апострофов `текст` будет `обрамлён`.

Большие куски кода обрамляются тройными апосторофами (возникли сложности с отображением синтаксиса - всё автокомментится, поэтому где-то вместо трёх апострофов немного больше)
При добавлении префикса языка программирования будет меняться подсветка.

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

s = "Python syntax highlighting"
print s
``````


No language indicated, so no syntax highlighting. 
But let's throw in a <b>tag</b>.

С попмощью апострофов текст будет обрамлён.

Большие куски кода обрамляются тройными апосторофами (возникли сложности с отображением синтаксиса - всё автокомментится, поэтому где-то вместо трёх апострофов немного больше)
При добавлении префикса языка программирования будет меняться подсветка.

var s = "JavaScript syntax highlighting";
alert(s);

s = "Python syntax highlighting"
print s

No language indicated, so no syntax highlighting. 
But let's throw in a <b>tag</b>.

Таблицы

Обязательно требуют заголовок и настройки выравнивания (второй строкой). Выравнивание задаётся двоеточием. Колонки задаются вертикальным палками (|)

| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |

Внешние вертикальные палки (|) задавать необзяательно, также не требуется подгонять колонки под один размер. Можно использовать стили, описанные выше.

Markdown | Less | Pretty
--- | --- | ---
*Still* | `renders` | **nicely**
1 | 2 | 3

Обязательно требуют заголовок и настройки выравнивания (второй строкой). Выравнивание задаётся двоеточием. Колонки задаются вертикальным палками (|)

Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1

Внешние вертикальные палки (|) задавать необзяательно, также не требуется подгонять колонки под один размер. Можно использовать стили, описанные выше.

Markdown Less Pretty
Still renders nicely
1 2 3

Цитаты

> Цитаты задаются угловой скобкой.
> Это строка является частью цитаты.

Здесь цитата прерывается.

> Можно писать много-много текста, и он автоматически всё преобразует в одну цитату. Также можно использовать разилчные *начертания* в **цитате**. Красота!

Цитаты задаются угловой скобкой.
Это строка является частью цитаты.

Здесь цитата прерывается.

Можно писать много-много текста, и он автоматически всё преобразует в одну цитату. Также можно использовать разилчные начертания в цитате. Красота!

Уведомления

!!! important "Моё уведомление"
    вместо important можно задать любой класс. наша css тема сейчас поддерживает 3 класса: important, danger, notice. Если надо можно добавить свои-переоформить текущие. Я сейчас использую только important

!!! danger "Пример danger"
    здесь указан класс danger

!!! notice "Пример notice"
    здесь указан класс notice

Моё уведомление

вместо important можно задать любой класс. наша css тема сейчас поддерживает 3 класса: important, danger, notice. Если надо можно добавить свои-переоформить текущие. Я сейчас использую только important

Пример danger

здесь указан класс danger

Пример notice

здесь указан класс notice

Содержание

Собирает все h1-h6 в статье и делает на них ссылки

[TOC]

Собирает все h1-h6 в статье и делает на них ссылки

HTML

В любой момент можно вставить кусок html и не париться.

<div>
  <p>Тег. Внутри тега markdown **игнорируется**.</p>
</div>

В любой момент можно вставить кусок html и не париться.

Тег. Внутри тега markdown **игнорируется**.

Линия

Три или больше символов задают линию

---

Дефисы

***

Звёздочки

___

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

Три или больше символов задают линию

Дефисы

Звёздочки

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