Пока запоминаю и привыкаю, запишу сюда все, что может Markdown. В работе с jekyll есть некоторые отличия.

Заголовки

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

a-H1
======

a-H2
------

H1

H2

H3

H4

H5
H6

a-H1

a-H2

Линия

---
    или
***
    или
___

Акценты в тексте

*курсив* или _курсив_

**жирно** или __жирно__

**жирно и _курсив_**

курсив или курсив

жирно или жирно

жирно и курсив

Заметки

> Заметка.
> 
> Можно что-нибудь вот так процитировать.

Заметка.

Можно что-нибудь вот так процитировать.

Списки

1. Первый элемент.
2. Второй элемент.
* Первый элемент второго элемента .
100. Можно поставить любую цифру с точкой, **markdown** сам сформирует список.
    * Вот такая магия.
4. Четвертый элемент.

    Кстати, можно сделать параграф внутри списка.

* Можно еще вот так.
- Или так.
+ И даже вот так!
  1. Первый элемент.
  2. Второй элемент.
    • Первый элемент второго элемента .
  3. Можно поставить любую цифру с точкой, markdown сам сформирует список.
    • Вот такая магия.
  4. Четвертый элемент.

    Кстати, можно сделать параграф внутри списка.

  • Можно еще вот так.
  • Или так.
  • И даже вот так!

Ссылки

[Поиск в Google](https://www.google.com)

[С добавлением подсказки при наведении](https://ya.ru "или Яндексе")

[Можно поместить ссылку в справочник как переменную][Группа в ВК]

[Ссылка на репозиторий](../css/custom.sass)

[Вместо пременной можно указать номер][2]

Работает и так тоже [ССЫЛКА].

В угловых скобка ссылки так же работают:

1. без скобок — https://github.com
2. со скобками — <https://github.com>.

Ссылки как переменные:

[Группа в ВК]: https://vk.com/mestotesto
[2]: http://friseon.github.io
[ССЫЛКА]: http://friseon.github.io

Поиск в Google

С добавлением подсказки при наведении

Можно поместить ссылку в справочник как переменную

Ссылка на репозиторий

Вместо пременной можно указать номер

Хотя просто можно сделать так ССЫЛКА.

В угловых скобках ссылки тоже работают:

  1. без скобок — https://github.com
  2. со скобками — https://github.com.

Изображения

Работа с изображениями похожа на работу со ссылками:

![Logo Github](https://assets-cdn.github.com/images/modules/dashboard/bootcamp/octocat_setup.png "Logo Github")

alt text

Код и его синтаксис

В jekyll не работает:

```javascript
var s = function() {
    return null;
}
```

Используется:

% highlight css %}
.class > #id {
    background: #D3D3D3;
    margin: 10px auto;
}
% endhighlight %}
.class > #id {
    background: #D3D3D3;
    margin: 10px auto;
}

Можно добавить аргумент linenos — будут еще отображаться номера строк кода:

% highlight css linenos %}
.class > #id {
    background: #D3D3D3;
    margin: 10px auto;
}
% endhighlight %}
1
2
3
4
.class > #id {
    background: #D3D3D3;
    margin: 10px auto;
}

Таблицы

| Заголовок     | Заголовок     | Заголовок     |
| ------------- |:-------------:| -------------:|
| 1             | 12            | 13            |
| 2             | 22            | 23            |
| 3             | 32            | 33            |

Минимальное создание таблицы:

1. Минимум 3 тире.
2. Внешние `(|)` необязательны

Заголовок | Заголовок | Заголовок
--- | --- | ---
*1* | `2` | **3**
1   | 2   | 3
Заголовок Заголовок Заголовок
1 12 13
2 22 23
3 32 33

Минимальное создание таблицы:

  1. Минимум 3 тире.
  2. Внешние (|) необязательны
Заголовок Заголовок Заголовок
1 2 3
1 2 3

HTML

<span class="inpost-header">HTML</span>.

Использован материал из:

  1. https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet
  2. https://jekyllrb.com/docs/templates/