AfricaRP Logo

Текст и базовые элементы

В этом разделе вы узнаете, как красиво оформлять обычный текст в ваших статьях. Вам не нужно быть программистом — всё делается с помощью простых тегов!

Обычный текст и стили

Вы можете выделять текст, делать его курсивным или зачёркнутым, используя базовые символы. А для кнопок на клавиатуре у нас есть специальный тег <Kbd>.

Как писать:

**Жирный текст**

*Курсивный текст*

~~Зачеркнутый текст~~

`Код или кнопка внутри текста`

Нажмите <Kbd>Alt</Kbd> + <Kbd>F4</Kbd>

[Ссылка на наш сайт](https://africa-rp.su)

Как выглядит:

Жирный текст
Курсивный текст
Зачеркнутый текст
Код или кнопка внутри текста
Нажмите Alt + F4
Ссылка на наш сайт

Списки и Разделители

Для организации информации используйте маркированные или нумерованные списки. Чтобы отделить один логический блок от другого, используйте разделитель — горизонтальную линию, которая создается с помощью трёх дефисов ---.

Как писать:

**Способы оформления:**

- Жирный шрифт

- Курсив

- Зачёркивание



---



**Порядок действий:**

1. Написать черновик

2. Отформатировать текст

3. Опубликовать статью

Как выглядит:

Способы оформления:

  • Жирный шрифт
  • Курсив
  • Зачёркивание

Порядок действий:

  1. Написать черновик
  2. Отформатировать текст
  3. Опубликовать статью

Базовые цитаты

Помимо красивого тега <Quote>, вы можете использовать стандартные цитаты Markdown. Они создаются с помощью символа > перед текстом. Это удобно для выделения чужой речи или ответов на сообщения.

Как писать:

> Это пример стандартной цитаты Markdown.

> Вы можете использовать её для выделения текста.

Как выглядит:

Это пример стандартной цитаты Markdown. Вы можете использовать её для выделения текста.

Подсказки (Tooltip) и Бейджи (Badge)

Если вы хотите дать пояснение к какому-то слову, не перегружая текст, используйте тег <Tooltip>. При наведении на него появится красивая всплывающая подсказка. А для выделения статуса или небольшого тега отлично подойдет <Badge>. Вы можете задать ему стиль: default, success, warning, danger.

Как писать:

Мы запустили <Tooltip content="Это сервер, на котором всё началось!">AfricaRP</Tooltip>.

Статус сервера: <Badge variant="success">Онлайн</Badge>

Новая фича: <Badge variant="warning">В разработке</Badge>

Как выглядит:

Мы запустили AfricaRP. Статус сервера: Онлайн Новая фича: В разработке

Переносы строк (Абзацы)

В Markdown (нашем формате текста) одиночные нажатия клавиши Enter игнорируются и склеивают текст в одну строчку. Это сделано для удобства форматирования.

У вас есть два способа перенести текст на новую строку:

  1. Новый абзац: Нажмите Enter два раза (чтобы между строками была пустая строка). Это создаст новый абзац с небольшим отступом.
  2. Перенос без отступа: Если вы хотите перенести текст на новую строку без создания абзаца (вплотную), поставьте тег <br/> в конце строки.

Как писать:

Первый абзац.

Этот текст склеится с первым абзацем.



Второй абзац (тут был двойной Enter).<br/>

А эта строка перенеслась вплотную, потому что мы использовали тег "br".

Как выглядит:

Первый абзац. Этот текст склеится с первым абзацем.

Второй абзац (тут был двойной Enter).
А эта строка перенеслась вплотную, потому что мы использовали тег "br".

Иконки в тексте

Чтобы оживить текст, вы можете легко вставлять в него любые иконки. Мы используем огромную библиотеку иконок Lucide.

Чтобы найти иконку, перейдите на их сайт, выберите подходящую (например, Shield — щит, или Settings — шестеренка) и вставьте её название в тег <Icon name="..." />.

Как писать:

Откройте меню <Icon name="Settings" /> **Настройки**, затем перейдите в <Icon name="Shield" /> **Безопасность**.

Как выглядит: Откройте меню Настройки, затем перейдите в Безопасность.

Упоминания ролей

Если вы хотите обратить внимание читателя на конкретную роль (например, администратора или разработчика), используйте тег <Mention>. Он создаст красивую цветную плашку. Доступные роли: admin, moderator, developer, vip, user.

Как писать:

Если у вас возникла проблема, обратитесь к <Mention role="developer">Разработчикам</Mention>.

Как выглядит: Если у вас возникла проблема, обратитесь к Разработчикам.

Блоки внимания (Подсказки и предупреждения)

Когда нужно, чтобы читатель 100% обратил внимание на какую-то мысль, используйте тег <Callout>. Вы можете менять его цвет в зависимости от важности с помощью параметра type:

  • note — синий (информация по умолчанию)
  • tip — зеленый (полезный совет)
  • warning — желтый (предупреждение)
  • danger — красный (критическая ошибка или опасность)

Как писать:

<Callout type="tip" title="Полезный совет">

  Всегда сохраняйте резервную копию файлов перед редактированием.

</Callout>



<Callout type="danger" title="Важное предупреждение">

  Никогда не передавайте свой пароль третьим лицам!

</Callout>

Как выглядит:

Полезный совет

Всегда сохраняйте резервную копию файлов перед редактированием.

Важное предупреждение

Никогда не передавайте свой пароль третьим лицам!

Цитаты и Буквица

Если вы пишете красивую историю, правило или важную цитату, вы можете оформить её по-особенному. Тег <Quote> создает блок цитаты с указанием автора, а <DropCap> делает первую букву огромной и стильной (как в старинных книгах).

Как писать:

<Quote author="Главный Редактор">

  <DropCap>К</DropCap>аждое слово в статье имеет значение. 

  Пишите так, чтобы вас было интересно читать.

</Quote>

Как выглядит:

Каждое слово в статье имеет значение. Пишите так, чтобы вас было интересно читать.

— Главный Редактор

Живой Маркер

Иногда нужно сделать так, чтобы читатель гарантированно прочел предложение. С помощью <MarkerDraw> можно сделать эффект закрашивания текста реальным маркером прямо в тот момент, когда человек доскролливает до этого места! Цвет маркера можно задать любым.

Как писать:

Всегда помните: <MarkerDraw color="#3b82f6">сначала проверьте текст на ошибки</MarkerDraw>, а уже потом нажимайте кнопку публикации!

Как выглядит: Всегда помните: сначала проверьте текст на ошибки, а уже потом нажимайте кнопку публикации!

Секретный текст (Спойлеры внутри текста)

Если вы пишете какую-то интригующую информацию или ответ на загадку, вы можете замазать текст. Чтобы его прочесть, читателю придется навести на него курсор мыши.

Как писать:

Ответ на главную загадку кроется в том, что <Secret>на самом деле всё было сном</Secret>.

Как выглядит: Ответ на главную загадку кроется в том, что на самом деле всё было сном.

Математические формулы (LaTeX)

Для вставки сложных математических и физических формул мы используем стандартный формат LaTeX.

  • Для вставки небольшой формулы прямо в тексте (inline) оберните её в одинарные знаки доллара: $ ... $
  • Для большой красивой формулы, которая должна стоять по центру экрана на отдельной строке, используйте двойные знаки доллара: $$ ... $$

Как писать:

Уравнение Эйнштейна $E = mc^2$ показывает эквивалентность массы и энергии.



А вот более сложный пример (Интеграл):

$$

\int_{a}^{b} x^2 \,dx = \frac{b^3 - a^3}{3}

$$

Как выглядит:

Уравнение Эйнштейна E=mc2E = mc^2 показывает эквивалентность массы и энергии.

А вот более сложный пример (Интеграл):

∫abx2 dx=b3−a33\int_{a}^{b} x^2 \,dx = \frac{b^3 - a^3}{3}
Вперед
Картинки, видео и медиа
Для редакторов