Отделение секций с текстом друг от друга

Несколько столбцов

  <Columns>
    <Column>
      Блоки `Column` и `Columns` используются для создания верстки с несколькими столбцами.
 
      Внутри них идет просто обычный текст который можно делить на параграфы, вставлять картинки, ссылки на сторонние ресурсы: **[Google Chrome](https://www.google.com/intl/ru_ru/chrome/)** и **[Mozilla Firefox](https://www.mozilla.org/)**.
 
      и все остальные вложенные блоки. Например, в столбце справа можно поместить картинку из папки public
    </Column>
    <Column>
      ![macbook](/pages/about-platform/macbook.webp)
    </Column>
 
  </Columns>

Заголовки

h1 Heading

h2 Heading

h3 Heading

h4 Heading

h5 Heading

h6 Heading

# h1 Heading
 
## h2 Heading
 
### h3 Heading
 
### h4 Heading
 
#### h5 Heading
 
##### h6 Heading

Якорные ссылки

Якорные ссылки для заголовков необходимо указать вручную с помощью специального синтаксиса квадратных скобок. Пример:

#### Некий заголовок с якорем [#anchor]

Результат:

Некий заголовок с якорем

Начертание

Полужирный

Курсив

Полужирный и курсив одновременно

Обычный текст _{и текст в нижнем индексе} ^{и текст в верхнем индексе}

**Полужирный**
 
_Курсив_
 
**_Полужирный и курсив одновременно_**
 
Обычный текст <sub>и текст в нижнем индексе</sub> <sup>и текст в верхнем индексе</sup>

Вложенные цитаты

Blockquotes can also be nested...

...by using additional greater-than signs right next to each other...

...or with spaces between arrows.

> Blockquotes can also be nested...
>
> > ...by using additional greater-than signs right next to each other...
> >
> > > ...or with spaces between arrows.

Списки

• Списки можно создавать с помощью симоволов +, -, or *
• Вложенные списки создаются посредством добавления пробела:
  • Marker character change forces new list start:
    • Ac tristique libero volutpat at
    • Facilisis in pretium nisl aliquet
    • Nulla volutpat aliquam velit
• Очень легко

Пронумерованный список

1. Lorem ipsum dolor sit amet

2. Consectetur adipiscing elit

3. Integer molestie lorem at massa

4. You can use sequential numbers...

5. ...or keep all the numbers as 1.

Start numbering with offset:

57. foo
58. bar

- Списки можно создавать с помощью симоволов `+`, `-`, or `*`
- Вложенные списки создаются посредством добавления пробела:
  - Marker character change forces new list start:
    - Ac tristique libero volutpat at
    * Facilisis in pretium nisl aliquet
    - Nulla volutpat aliquam velit
- Очень легко
 
Пронумерованный список
 
1. Lorem ipsum dolor sit amet
2. Consectetur adipiscing elit
3. Integer molestie lorem at massa
 
4. You can use sequential numbers...
5. ...or keep all the numbers as `1.`
 
Start numbering with offset:
 
57. foo
1. bar

Код

Здесь представлены теги, которые используются для выделения кода в тексте. Их не стоит использовать для других целей!

выделение кода прямо в тексте

выделение `кода` прямо в тексте

Чтобы выделить код в виде отдельного блока необходимо прописать в начале блока, который необходимо выделить, ``` и в конце ```:

var foo = function (bar) {
  return bar++;
};
 
console.log(foo(5));

Ссылки в тексте

ссылка

Ссылка с текстом, который появляется при наведении

[ссылка](http://dev.rightech.io)
 
[Ссылка с текстом, который появляется при наведении](http://app.rightech.io "я тот самый текст!")

Добавить картинку

![macbook](/pages/about-platform/macbook.webp)

Если необходимо указать размер картинки, то небходимо использовать отдельный компонент, так как markdown не поддерживает по умолчанию указание размеров картинки. Можно указать только ширину, только высоту или оба параметра. Сами значения указываются в пикселях, можно либо указывать суффикс (408px), либо указать просто числом (408). Если указывается только ширина или только высота, то недостающий параметр определяется по соотношению сторон оригинального изображения.

Пример:

<Image src="/pages/about-platform/macbook.webp" alt="macbook" width="100px" height="50px" />

Помимо этого можно использовать сырой HTML тэг, но тогда компонент, отвечающий за зум изображения при клике, не будет применяться для этого изображения.

HTML попадают в финальную версию страницы без каких-либо изменений, они не обрабатываются парсером MDX файлов.

Пример:

<img src="/pages/about-platform/macbook.webp" alt="macbook" width="100px" height="50px" />

Добавить видео

<Video url="https://www.youtube.com/watch?v=dQw4w9WgXcQ"></Video>