Хотите, чтобы скриншот сбоку выглядел меньше, или чтобы диаграмма занимала всю ширину страницы? Вы можете точно контролировать отображение изображений в ваших статьях: размер, выравнивание и даже визуальные эффекты, такие как тени.
Добавьте директиву в подпись к изображению.
Откройте изображение в Notion и напишите директиву непосредственно в поле подписи. Любой текст, добавленный до или после неё, станет видимой подписью, а сама директива будет скрыта от ваших читателей.
Изображение отображается небольшим и центрированным. Видимая подпись гласит: Небольшой, центрированный скриншот .
Задайте ширину
Самый простой способ управлять шириной — использовать предустановленное значение: small, medium, large или full.
<ndx: width="small" align="center" /> A small, centered screenshot
| Ценить | Пример |
|---|---|
small | <ndx: width=small /> |
medium | <ndx: width=md /> |
large | <ndx: width=lg /> |
full | <ndx: width=full /> |
Установите выравнивание
После того, как вы зададите ширину, вам, вероятно, также понадобится расположить изображение. Используйте align, чтобы разместить его слева, по центру или справа внутри колонки статьи.
| Ценить | Пример |
|---|---|
left | <ndx: align=left /> |
center | <ndx: align=center /> |
right | <ndx: align=right /> |
Добавьте завершающий штрих с помощью визуальных эффектов.
Два дополнительных параметра помогут сделать ваши изображения немного более изысканными. shadow добавляет мягкую тень вокруг изображения, а rounded закругляет углы. Оба параметра незаметны, но действительно улучшают внешний вид, особенно для скриншотов.
| Флаг | Эффект |
|---|---|
shadow | Мягкая тень вокруг изображения |
rounded | Закругленные углы |
Чтобы включить флаг, просто введите его название:
Или же, если хотите отключить одну из функций, дайте явное указание:
Вот как вместе выглядят тень и закругленные углы:
Подпись в Notion: __СОХРАНЕНО_5__
Объединить все в одной директиве
Для каждого параметра не нужны отдельные директивы, объедините их все в одну. Порядок не имеет значения.
<ndx: shadow rounded /><ndx: shadow=true rounded=false />
<ndx: width=medium align=center shadow rounded />