Chcesz, aby zrzut ekranu był mniejszy z boku, a diagram rozciągnięty na całą szerokość? Możesz kontrolować sposób wyświetlania obrazów w artykułach, ich rozmiar, wyrównanie, a nawet dopracowanie wizualne, takie jak cienie.
Dodaj dyrektywę do podpisu swojego obrazu
Otwórz obraz w Notion i wpisz dyrektywę bezpośrednio w polu podpisu. Każdy tekst dodany przed lub po pojawieniu się podpisu stanie się widoczny, a sama dyrektywa pozostanie niewidoczna dla czytelników.
Obraz jest renderowany w małym formacie i wyśrodkowany. Widoczny podpis brzmi: Mały, wyśrodkowany zrzut ekranu .
Ustaw szerokość
Najprostszym sposobem kontrolowania szerokości jest użycie ustawienia wstępnego: small, medium, large lub full.
<ndx: width="small" align="center" /> A small, centered screenshot
| Wartość | Przykład |
|---|---|
small | <ndx: width=small /> |
medium | <ndx: width=md /> |
large | <ndx: width=lg /> |
full | <ndx: width=full /> |
Ustaw wyrównanie
Po ustawieniu szerokości prawdopodobnie zechcesz również ustawić położenie obrazu. Użyj align, aby umieścić go po lewej, na środku lub po prawej stronie kolumny artykułu.
| Wartość | Przykład |
|---|---|
left | <ndx: align=left /> |
center | <ndx: align=center /> |
right | <ndx: align=right /> |
Dodaj ostateczny szlif za pomocą efektów wizualnych
Dwie opcjonalne flagi sprawią, że Twoje obrazy będą wyglądać nieco bardziej elegancko. shadow dodaje delikatny cień wokół obrazu, a rounded zaokrągla jego rogi. Obie są subtelne, ale robią dużą różnicę, szczególnie w przypadku zrzutów ekranu.
| Flaga | Efekt |
|---|---|
shadow | Miękki cień wokół obrazu |
rounded | Zaokrąglone rogi |
Aby ją włączyć, wystarczy wpisać nazwę flagi:
Albo wyraźnie określ, jeśli chcesz którąś wyłączyć:
Oto jak wyglądają razem cień i zaokrąglone rogi:
Podpis w Notion: <ndx: width=medium align=center shadow rounded />
Połącz wszystko w jedną dyrektywę
Nie potrzebujesz osobnych dyrektyw dla każdej opcji, połącz je wszystkie w jedną. Kolejność nie ma znaczenia.
<ndx: shadow rounded /><ndx: shadow=true rounded=false />
<ndx: width=medium align=center shadow rounded />