Основы Markdown
Выделение текста
- Результат
- Markdown
Это курсивный и жирный текст.
Можно комбинировать жирный и курсивный текст.
Это *курсивный* и **жирный** текст.
Можно _комбинировать_ **жирный и _курсивный_** текст.
Заголовки
Списки
- Результат
- Markdown
- Первый пункт
- Второй пункт
- Подпункт 2.1
- Подпункт 2.2
- Третий пункт
- Первый пункт
- Второй пункт
- Подпункт 2.1
- Подпункт 2.2
- Третий пункт
* Первый пункт
* Второй пункт
* Подпункт 2.1
* Подпункт 2.2
* Третий пункт
1. Первый пункт
2. Второй пункт
1. Подпункт 2.1
2. Подпункт 2.2
3. Третий пункт
Ссылки
- Результат
- Markdown
[Простая ссылка](https://example.com)
[Ссылка с подсказкой](https://example.com "Текст подсказки")
Примечания
- Результат
- Markdown
Это обычное прим ечание
Это полезный совет
Это предупреждение
:::note
Это обычное примечание
:::
:::tip
Это полезный совет
:::
:::warning
Это предупреждение
:::
Таблицы
- Результат
- Markdown
Имя | Описание | Цена |
---|---|---|
Товар 1 | Описание товара 1 | 100₽ |
Товар 2 | Описание товара 2 | 200₽ |
Товар 3 | Описание товара 3 | 300₽ |
| Имя | Описание | Цена |
|-----|-----------|------|
| Товар 1 | Описание товара 1 | 100₽ |
| Товар 2 | Описание товара 2 | 200₽ |
| Товар 3 | Описание товара 3 | 300₽ |
Код
- Результат
- Markdown
Встроенный код: console.log('Hello, World!')
Блок кода с подсветкой синтаксиса JavaScript:
function greeting(name) {
return `Привет, ${name}!`;
}
console.log(greeting('Мир'));
Блок кода Python:
def greeting(name):
return f"Привет, {name}!"
print(greeting("Мир"))
Встроенный код: `console.log('Hello, World!')`
Блок кода с подсветкой синтаксиса JavaScript:
```javascript
function greeting(name) {
return `Привет, ${name}!`;
}
console.log(greeting('Мир'));
```
Блок кода Python:
```python
def greeting(name):
return f"Привет, {name}!"
print(greeting("Мир"))
```
Цитаты
- Результат
- Markdown
Это простая цитата
Это многострочная цитата с продолжением на второй строке
И новым параграфом
Вложенные цитаты
Цитата второго уровня
Цитата третьего уровня
> Это простая цитата
> Это многострочная цитата
> с продолжением на второй строке
>
> И новым параграфом
> Вложенные цитаты
>> Цитата второго уровня
>>> Цитата третьего уровня
Расширенные списки задач
- Результат
- Markdown
- Завершенная задача
- Незавершенная задача
- Подзадача 1
- Подзадача 2
- Следующая задача
- [x] Завершенная задача
- [ ] Незавершенная задача
- [x] Подзадача 1
- [ ] Подзадача 2
- [ ] Следующая задача
Расширенные компоненты Docusaurus
Карточки
- Результат
- Markdown
Это карточка с советом и заголовком
Это информационная карточка с:
- Маркированным списком
- И форматированным текстом
Пример кода в предупреждении:
if (danger) {
console.warn('Будьте осторожны!');
}
:::tip[Совет с заголовком]
Это карточка с советом и заголовком
:::
:::info[Важная информация]
Это информационная карточка с:
- Маркированным списком
- И *форматированным* **текстом**
:::
:::warning[Предупреждение с кодом]
Пример кода в предупреждении:
```javascript
if (danger) {
console.warn('Будьте осторожны!');
}
:::
</TabItem>
</Tabs>
### Детали (раскрывающиеся блоки)
<Tabs>
<TabItem value="result" label="Результат">
<details>
<summary>Нажмите, чтобы раскрыть</summary>
<div>
<p>Здесь находится скрытый контент.</p>
<p>Можно добавить:</p>
<ul>
<li>Списки</li>
<li>Таблицы</li>
<li>И другой контент</li>
</ul>
</div>
</details>
</TabItem>
<TabItem value="markdown" label="Markdown">
```markdown
<details>
<summary>Нажмите, чтобы раскрыть</summary>
<div>
<p>Здесь находится скрытый контент.</p>
<p>Можно добавить:</p>
<ul>
<li>Списки</li>
<li>Таблицы</li>
<li>И другой контент</li>
</ul>
</div>
</details>
Изображения
- Результат
- Markdown
Обычное изображение:

Изображение с подсказкой:

Изображение-ссылка:
[](https://docusaurus.io)
Видео
- Результат
- Markdown
YouTube видео:
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/dQw4w9WgXcQ"
title="YouTube Video"
frameBorder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowFullScreen>
</iframe>
Горизонтальные линии
- Результат
- Markdown
Текст над линией
Текст под линией
Еще текст
Текст над линией
---
Текст под линией
___
Еще текст
***
Эскейп-символы
- Результат
- Markdown
* Это не станет курсивом *
` Это не станет кодом `
# Это не станет заголовком
[ Это не станет ссылкой ](https://example.com)
\* Это не станет курсивом \*
\` Это не станет кодом \`
\# Это не станет заголовком
\[ Это не станет ссылкой \](https://example.com)
Сноски
- Результат
- Markdown
Определения
- Результат
- Markdown
Markdown : Легкий язык разметки текста : Создан для удобного написания документации
HTML : Язык разметки гипертекста : Основа всех веб-страниц
Markdown
: Легкий язык разметки текста
: Создан для удобного написания документации
HTML
: Язык разметки гипертекста
: Основа всех веб-страниц
Математические формулы
- Результат
- Markdown
Встроенная формула:
Формула на отдельной строке:
Встроенная формула: $E = mc^2$
Формула на отдельной строке:
$$
\frac{n!}{k!(n-k)!} = \binom{n}{k}
$$
Клавиатурные сочетания
- Результат
- Markdown
Нажмите Ctrl + C для копирования
Для сохранения используйте Ctrl + S
Нажмите <kbd>Ctrl</kbd> + <kbd>C</kbd> для копирования
Для сохранения используйте <kbd>Ctrl</kbd> + <kbd>S</kbd>
Цветовые метки
- Результат
- Markdown
#ff0000
- Красныйrgb(0, 255, 0)
- Зеленыйhsl(240, 100%, 50%)
- Синий
- `#ff0000` - Красный
- `rgb(0, 255, 0)` - Зеленый
- `hsl(240, 100%, 50%)` - Синий