Пример H1 заголовка
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit.
Пример H2 заголовка
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit.
Пример H3 заголовка
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit.
Пример H4 заголовка
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit.
Стили текста
курсив, жирный, жирный курсив, перечеркнутый
Списки
- Цифровой
- Lorem ipsum dolor
- Lorem ipsum dolor sit amet
- Без порядка
- Lorem ipsum dolor
- Lorem ipsum dolor sit amet
Ссылки
Асболютная ссылка с настройками Jekyll. Обычная ссылка или в новом окне. Ссылки которые задаются позже, в конце.
Картинки
Обычная картинка:
С объявлением в конце (как ссылки ранее):
Комбинирование HTML и markdown
например обынчй markdown в DIV блоке со стилями используя аттрибут markdown=”1”
Разные блоки
Отдельные блоки в строке, позволяют подсветить текст в любом месте или например показать код <div>Hello world</div>, аналог тэга PRE
Вывод кода, с подсветкой синтаксиса
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>.
Пример цитирования
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit.
Как то так (=
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc
Таблицы
Лучше конечно без таблиц обходиться, они не очень адаптивные. Но вот пример их использования :Р
| Заголовок 1 | Заголовок 2 | Заголовк 3 |
|---|---|---|
| 1 | 2 | 3 |
| 4 | 5 |
5 |
Применение классов к блокам
.text-primary, .text-secondary, .text-success,
.text-warning для параграфа
Цвет фона .bg-info и комбинирование классов