Эффекты текста
Шпаргалка по разметке, которой нет в обычном markdown: эффекты текста, NSFW-блоки, карточки и прочее. Каждый пример ниже — настоящий результат, собранный тем же движком, что и посты.
Эффекты текста
Пишутся как :имя[текст] прямо внутри абзаца.
rainbow
Переливающийся радужный градиент.
радужный текст
:rainbow[радужный текст]gold
Золотой градиент.
золотой текст
:gold[золотой текст]silver
Серебряный — цвета берутся из темы, читается на любой.
серебряный текст
:silver[серебряный текст]bronze
Бронзовый градиент.
бронзовый текст
:bronze[бронзовый текст]blink
Мигает.
мигающий текст
:blink[мигающий текст]magic
Фиолетовый градиент и звёзды вокруг.
магический текст
:magic[магический текст]cry
Синий текст, с которого капают слёзы.
плачущий текст
:cry[плачущий текст]jump
Буквы прыгают по очереди.
прыгающий текст
:jump[прыгающий текст]shake
Буквы трясутся.
трясущийся текст
:shake[трясущийся текст]У jump и shake внутри только простой текст (разметка игнорируется) и не больше 144 символов — иначе сборка упадёт с ошибкой. Звёзды magic и слёзы cry, а также вся анимация отключаются, если в системе включено «уменьшить движение».
Markdown внутри эффекта
Внутри эффектов-градиентов (всё, кроме jump и shake) работает обычная разметка, в том числе другие эффекты.
текст со жирным и ссылкой, золото и серебро
:rainbow[текст со **жирным** и [ссылкой](/posts/)], :gold[золото и :silver[серебро]]Блоки и вставки
NSFW-блок
Всё внутри размыто, пока не включён переключатель NSFW в шапке. Пишется строго :::nsfw — с пробелом (::: nsfw) это не блок, а обычный текст. Внутри работает markdown и другие директивы.
Текст под блюром.
:::nsfw
Текст **под блюром**.
:::Карточка Steam
Картинка-ссылка на игру. image — адрес шапки игры со страницы магазина. Карточку можно положить внутрь :::nsfw.
::steam-card{title="Well Dweller" image="https://shared.fastly.steamstatic.com/store_item_assets/steam/apps/3699590/49dd898fc6800fb34e599e23b7a015447f8209d5/header.jpg" url="https://store.steampowered.com/app/3699590/Well_Dweller/"}Атрибуты в фигурных скобках
Вплотную после картинки или ссылки — атрибут на неё: чаще всего высота картинки. Через пробел в конце заголовка — на заголовок, например свой id для ссылки на раздел (#id).
Раздел с якорем
{height=120}
### Раздел с якорем {#my-anchor}Внешние ссылки
Ссылки на другие сайты сами открываются в новой вкладке, ссылки на этот сайт — в текущей. Ничего писать не нужно.
[Чужой сайт](https://example.com) и [свой пост](/posts/)Код с подсветкой
Блок в тройных обратных кавычках с языком после них. Цвета подстраиваются под тему сайта.
const greet = (name) => `Привет, ${name}!````js
const greet = (name) => `Привет, ${name}!`
```В .astro-страницах
Директивы работают только в markdown. В страницах вроде «Записей» (
src/pages/records.astro) то же самое делается компонентами:
<Fx name="rainbow">радужный текст</Fx>
<SteamCard title="…" image="…" url="…" />