Это шпаргалка по Markdown 🤓
My note Вот пример базового синтаксиса Markdown, который можно использовать при написании контента в формате Markdown в Astro.
Заголовки
Следующие HTML-элементы <h1>—<h6> представляют шесть уровней заголовков разделов. <h1> — это самый верхний уровень раздела, а <h6> — самый нижний.
H1
H2
H3
H4
H5
H6
Простой текст
Далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты. Своих дороге она даже ведущими курсивных правилами страна последний пустился вскоре о. Текстами путь жаренные безопасную однажды выйти взгляд семантика свой. Жаренные ее которой буквенных собрал. Осталось пор города рот, имени встретил мир бросил переписали. Запятой, щеке?
Изображения
Синтаксис (только для Astro.js):
<Image src={myImage} width={600} height={400} format="webp" alt="blog placeholder" />На вывходе:
Для использования изображений будет отдельный - специализированный пост 📌
Цитаты
Элемент blockquote представляет собой контент, цитируемый из другого источника, при этом ссылка на источник может быть, как правило, размещена внутри элемента footer или cite, а также могут быть внесены изменения непосредственно в текст, такие как аннотации и сокращения.
Цитата без указания источника
Синтаксис:
> Залетают курсивных последний домах прямо необходимыми осталось, переписывается, текста вдали она, путь он выйти?.
> **Note** что вы можете использовать синтаксис Markdown внутри цитаты.На выходе:
Tiam, ad mint andaepu dandae nostion secatur sequo quae.
Note that you can use Markdown syntax within a blockquote.
Таблицы
Синтаксис:
| Italics | Bold | Code |
| --------- | -------- | ------ |
| _italics_ | **bold** | `code` |Получим:
| Italics | Bold | Code |
|---|---|---|
| italics | bold | code |
Блоки кода
Синтаксис:
Мы можем использовать 3 обратных кавычки ``` на новой строке, написать фрагмент кода и закрыть его также 3 обратными кавычками на новой строке. Чтобы выделить синтаксис, специфичный для конкретного языка, после первых 3 обратных кавычек следует написать одно слово из названия языка, например: html, javascript, css, markdown, typescript, txt, bash.
```html
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<title>Пример HTML5 Документ</title>
</head>
<body>
<p>Тест</p>
</body>
</html>
```Получаем:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Пример HTML5 Документ</title>
</head>
<body>
<p>Тест</p>
</body>
</html>Типы списков
Нумерованый список
Синтаксис:
1. First item
2. Second item
3. Third itemПолучим на выходе:
- First item
- Second item
- Third item
Ненумерованый спимок
Синтаксис:
- List item
- Another item
- And another itemПолучаем на выходе:
- List item
- Another item
- And another item
Вложенный список
Синтаксис:
- Fruit
- Яблоко
- Апельсин
- Банан
- Молочка
- олоко
- CырПолучмм на выходе:
- Fruit
- Яблоко
- Апельсин
- Банан
- Молочка
- Молоко
- Сыр
Другие эдементы — abbr, sub, sup, kbd, mark
Синтаксис:
<abbr title="Формат обмена графическими данными">GIF</abbr> — это формат растровых изображений.Получаем:
GIF Это формат растровых изображений.
Разные фичи:
H<sub>2</sub>O
X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
Press <kbd>CTRL</kbd> + <kbd>ALT</kbd> + <kbd>Delete</kbd> to end the session.
Большинство <mark>саламандр</mark> ведут ночной образ жизни и охотятся на насекомых, червей и других мелких существ.Получаeм:
H2O
Xn + Yn = Zn
Press CTRL + ALT + Delete to end the session.
Большинство саламандр ведут ночной образ жизни и охотятся на насекомых, червей и других мелких существ.