Быстрый старт · Документация

Эта страница демонстрирует все доступные инструменты разметки. Используйте её как справочник при написании новых статей.

#Базовая типографика

Основной текст набирается шрифтом Gilroy Regular. Размеры и интерлиньяж выверены для длинных чтений. Курсив, полужирный, ~~зачёркнутый~~ — поддерживаются стандартно. Внутри текста можно встретить inline-код и внутренние ссылки.

Цитата выделяется тёплой подложкой и тонкой акцентной линией слева — небольшой штрих, который делает атмосферу уютнее.

#Списки

Первый элемент
Второй элемент с акцентом
Третий элемент со ссылкой

Нумерованные списки
Тоже работают
С теми же стилями

Чек-лист готов
Ещё одно дело
И ещё

#Спойлеры

Скрывайте детали под спойлером — клик плавно раскрывает блок:

Используйте синтаксис :::spoiler Заголовок … :::. Внутри можно использовать любую Markdown-разметку — списки, изображения, вложенный код.

Один
Два
Три

И вложенная цитата:

Тёплый акцент даже внутри спойлера.

#Callouts

#Код

Inline-код выглядит как const x = 42. Блок кода обзаводится заголовком с языком и кнопкой копирования:

import { Markdown } from "@/components/wiki/markdown";

export default function Page({ source }: { source: string }) {
  return <Markdown source={source} />;
}

bash

npm install
npm run dev

#Таблицы

Возможность	Поддержка	Комментарий
GFM	✅	Через `remark-gfm`
Спойлеры	✅	Через кастомный блок `:::spoiler`
Галерея	✅	Через `@fancyapps/ui`
Поиск	✅	Полнотекстовый, на стороне сервера
Темизация	✅	Светлая, тёмная, авто