<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="uk">
    <title>/bˈɒləks/ - Цей сайт</title>
    <link rel="self" type="application/atom+xml" href="https://beauloxe.page/uk/guides/site/atom.xml"/>
    <link rel="alternate" type="text/html" href="https://beauloxe.page/uk/guides/site/"/>
    <generator uri="https://www.getzola.org/">Zola</generator>
    <updated>2026-10-31T00:00:00+00:00</updated>
    <id>https://beauloxe.page/uk/guides/site/atom.xml</id>
    <entry xml:lang="uk">
        <title>Як писати для цього сайту</title>
        <published>2026-10-31T00:00:00+00:00</published>
        <updated>2026-10-31T00:00:00+00:00</updated>
        
        <author>
          <name>Beauloxe</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://beauloxe.page/uk/guides/site/writing/"/>
        <id>https://beauloxe.page/uk/guides/site/writing/</id>
        
        <content type="html" xml:base="https://beauloxe.page/uk/guides/site/writing/">&lt;p&gt;Сайт зібрано на &lt;a rel=&quot;external&quot; href=&quot;https://www.getzola.org&quot;&gt;Zola&lt;/a&gt; 0.23. Кожна сторінка — це Markdown-файл у &lt;code&gt;content/&lt;/code&gt; з блоком TOML на початку. Zola пропускає кожен файл спершу через свій шаблонізатор Tera, потім через Markdown, а шаблони з &lt;code&gt;templates/&lt;/code&gt; перетворюють результат на пронумерований документ із датами, як-от цей.&lt;/p&gt;
&lt;h2 id=&quot;preview&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#preview&quot; aria-label=&quot;Link to this section&quot;&gt;&lt;/a&gt;Попередній перегляд&lt;/h2&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#000000, #E6E8EB); background-color: light-dark(#EEF0F2, #262A30);&quot; &gt;&lt;code data-lang=&quot;shellscript&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#000000, #FFFFFF);font-weight: bold;&quot;&gt;nix&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt; develop&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt; -&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;c&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt; zola&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt; serve&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Ця команда відкриває сайт на &lt;code&gt;http://127.0.0.1:1111&lt;/code&gt; і перезбирає його після кожного збереження. Биті внутрішні посилання та невідомі мови коду тут одразу видно як помилки, тож тримайте її запущеною в терміналі, поки пишете.&lt;/p&gt;
&lt;p&gt;Перед публікацією зберіть сайт так само, як це робить розгортання:&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#000000, #E6E8EB); background-color: light-dark(#EEF0F2, #262A30);&quot; &gt;&lt;code data-lang=&quot;shellscript&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#000000, #FFFFFF);font-weight: bold;&quot;&gt;nix&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt; flake&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt; check&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Вона падає на тих самих помилках, що й &lt;code&gt;zola serve&lt;/code&gt;, тож якщо перевірка пройшла, сайт збереться.&lt;/p&gt;
&lt;h2 id=&quot;where&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#where&quot; aria-label=&quot;Link to this section&quot;&gt;&lt;/a&gt;Куди класти сторінку&lt;/h2&gt;
&lt;figure class=&quot;tbl&quot;&gt;&lt;figcaption&gt;Види сторінок&lt;/figcaption&gt;
&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Що пишете&lt;/th&gt;&lt;th&gt;Файл&lt;/th&gt;&lt;th&gt;Нумерація&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td&gt;Допис&lt;/td&gt;&lt;td&gt;&lt;code&gt;content/writing/slug.uk.md&lt;/code&gt;&lt;/td&gt;&lt;td&gt;W-001, за датою&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;Допис із зображеннями&lt;/td&gt;&lt;td&gt;&lt;code&gt;content/writing/slug/index.uk.md&lt;/code&gt;, зображення поруч&lt;/td&gt;&lt;td&gt;W-001, за датою&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;Коротку нотатку&lt;/td&gt;&lt;td&gt;&lt;code&gt;content/notes/slug.uk.md&lt;/code&gt;&lt;/td&gt;&lt;td&gt;N-001, за датою&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;Посібник&lt;/td&gt;&lt;td&gt;&lt;code&gt;content/guides/category/slug.uk.md&lt;/code&gt;&lt;/td&gt;&lt;td&gt;NIX-01, за вагою&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;Англійську версію&lt;/td&gt;&lt;td&gt;та сама назва без &lt;code&gt;.uk&lt;/code&gt;&lt;/td&gt;&lt;td&gt;рахується окремо&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/figure&gt;
&lt;p&gt;Назва файлу стає адресою: &lt;code&gt;content/writing/pinning-nixpkgs/index.uk.md&lt;/code&gt; публікується за адресою &lt;code&gt;/uk/writing/pinning-nixpkgs/&lt;/code&gt;. Пишіть назви малими латинськими літерами через дефіс, навіть для української сторінки, щоб адреса лишалася читабельною, коли нею діляться.&lt;/p&gt;
&lt;p&gt;Номери не зберігаються, а рахуються. Допис із датою, ранішою за найновіший, зсуває номери після себе; посібник із меншою вагою зсуває посібники після себе. Якщо номер не повинен змінюватися ніколи, закріпіть його ключем &lt;code&gt;id&lt;/code&gt; у &lt;code&gt;[extra]&lt;/code&gt;.&lt;/p&gt;
&lt;h2 id=&quot;front-matter&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#front-matter&quot; aria-label=&quot;Link to this section&quot;&gt;&lt;/a&gt;Шапка сторінки&lt;/h2&gt;
&lt;p&gt;Блок між рядками &lt;code&gt;+++&lt;/code&gt; — це TOML. Ключі, які знає Zola, ідуть угорі; ключі, які додає цей сайт, — під &lt;code&gt;[extra]&lt;/code&gt;. Ключ не на своєму місці мовчки ігнорується, тож якщо налаштування ні на що не впливає, перевірте, з якого боку від &lt;code&gt;[extra]&lt;/code&gt; він стоїть.&lt;/p&gt;
&lt;h3 id=&quot;posts&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#posts&quot; aria-label=&quot;Link to this section&quot;&gt;&lt;/a&gt;Дописи&lt;/h3&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#000000, #E6E8EB); background-color: light-dark(#EEF0F2, #262A30);&quot; &gt;&lt;code data-lang=&quot;toml&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#C8102E, #FF6B6B);&quot;&gt;+++&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;title&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; =&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; &amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;Пінимо nixpkgs без флейків&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;date&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; =&lt;/span&gt;&lt;span&gt; 2026-10-21&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;updated&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; =&lt;/span&gt;&lt;span&gt; 2026-10-27&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);font-style: italic;&quot;&gt;           #&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);font-style: italic;&quot;&gt; необов&amp;#39;язково; показується як «Переглянуто»&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;description&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; =&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; &amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;Одне речення під назвою та в превʼю посилань.&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;[&lt;/span&gt;&lt;span&gt;taxonomies&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;]&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;tags&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; =&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; [&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;nix&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;]&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;[&lt;/span&gt;&lt;span&gt;extra&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;]&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;toc&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; =&lt;/span&gt;&lt;span style=&quot;color: light-dark(#9A4A00, #F0A869);&quot;&gt; true&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);font-style: italic;&quot;&gt;                     #&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);font-style: italic;&quot;&gt; зміст під блоком із даними документа&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;revisions&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; =&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; [&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);font-style: italic;&quot;&gt;                  #&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);font-style: italic;&quot;&gt; необов&amp;#39;язково; остання — поточна редакція&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;  {&lt;/span&gt;&lt;span&gt; rev&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; =&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; &amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;A&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;,&lt;/span&gt;&lt;span&gt; date&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; =&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; &amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;2026-10-21&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;,&lt;/span&gt;&lt;span&gt; note&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; =&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; &amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;Перша публікація.&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; }&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;,&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;  {&lt;/span&gt;&lt;span&gt; rev&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; =&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; &amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;B&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;,&lt;/span&gt;&lt;span&gt; date&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; =&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; &amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;2026-10-27&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;,&lt;/span&gt;&lt;span&gt; note&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; =&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; &amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;Що змінилося, одним рядком.&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; }&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;,&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;]&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);font-style: italic;&quot;&gt;#&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);font-style: italic;&quot;&gt; numbered = false             # без номерів розділів у заголовках&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);font-style: italic;&quot;&gt;#&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);font-style: italic;&quot;&gt; id = &amp;quot;W-100&amp;quot;                 # закріпити номер документа&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#C8102E, #FF6B6B);&quot;&gt;+++&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Додаючи редакцію, змініть і &lt;code&gt;updated&lt;/code&gt;. Зі списку редакцій складається таблиця наприкінці сторінки, а &lt;code&gt;updated&lt;/code&gt; використовують реєстр і стрічка.&lt;/p&gt;
&lt;h3 id=&quot;notes&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#notes&quot; aria-label=&quot;Link to this section&quot;&gt;&lt;/a&gt;Нотатки&lt;/h3&gt;
&lt;p&gt;Нотатці потрібна лише дата. Якщо назви немає, реєстр показує замість неї перший рядок тексту.&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#000000, #E6E8EB); background-color: light-dark(#EEF0F2, #262A30);&quot; &gt;&lt;code data-lang=&quot;toml&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#C8102E, #FF6B6B);&quot;&gt;+++&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;date&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; =&lt;/span&gt;&lt;span&gt; 2026-10-25&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;[&lt;/span&gt;&lt;span&gt;taxonomies&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;]&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;tags&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; =&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; [&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;nix&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;]&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#C8102E, #FF6B6B);&quot;&gt;+++&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;h3 id=&quot;guides&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#guides&quot; aria-label=&quot;Link to this section&quot;&gt;&lt;/a&gt;Посібники&lt;/h3&gt;
&lt;p&gt;Посібник приймає все те саме, що й допис, плюс &lt;code&gt;weight&lt;/code&gt; і &lt;code&gt;status&lt;/code&gt;:&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#000000, #E6E8EB); background-color: light-dark(#EEF0F2, #262A30);&quot; &gt;&lt;code data-lang=&quot;toml&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#C8102E, #FF6B6B);&quot;&gt;+++&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;title&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; =&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; &amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;Збирання сміття та місце на диску&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;date&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; =&lt;/span&gt;&lt;span&gt; 2026-06-30&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;updated&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; =&lt;/span&gt;&lt;span&gt; 2026-10-20&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;weight&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; =&lt;/span&gt;&lt;span style=&quot;color: light-dark(#9A4A00, #F0A869);&quot;&gt; 20&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);font-style: italic;&quot;&gt;                    #&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);font-style: italic;&quot;&gt; місце в категорії; лишайте проміжки&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;[&lt;/span&gt;&lt;span&gt;taxonomies&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;]&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;tags&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; =&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; [&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;nix&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;]&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;[&lt;/span&gt;&lt;span&gt;extra&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;]&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;status&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; =&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; &amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;stable&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);font-style: italic;&quot;&gt;              #&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);font-style: italic;&quot;&gt; draft, stable або outdated&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);font-style: italic;&quot;&gt;#&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);font-style: italic;&quot;&gt; outdated_note = &amp;quot;Написано для fish 3.6, ще не перевірено з fish 4.&amp;quot;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#C8102E, #FF6B6B);&quot;&gt;+++&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Ваги 10, 20, 30 лишають місце, щоб пізніше вставити посібник між двома іншими, не переписуючи всі файли.&lt;/p&gt;
&lt;p&gt;&lt;code&gt;draft&lt;/code&gt; і &lt;code&gt;outdated&lt;/code&gt; додають під назвою банер. &lt;code&gt;outdated_note&lt;/code&gt; замінює його стандартний текст, тож напишіть, що саме застаріло і відколи.&lt;/p&gt;
&lt;h3 id=&quot;new-category&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#new-category&quot; aria-label=&quot;Link to this section&quot;&gt;&lt;/a&gt;Нова категорія посібників&lt;/h3&gt;
&lt;p&gt;Категорія — це тека в &lt;code&gt;content/guides/&lt;/code&gt; з файлом &lt;code&gt;_index.uk.md&lt;/code&gt;:&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#000000, #E6E8EB); background-color: light-dark(#EEF0F2, #262A30);&quot; &gt;&lt;code data-lang=&quot;toml&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#C8102E, #FF6B6B);&quot;&gt;+++&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;title&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; =&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; &amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;Nix&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;weight&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; =&lt;/span&gt;&lt;span style=&quot;color: light-dark(#9A4A00, #F0A869);&quot;&gt; 1&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);font-style: italic;&quot;&gt;                     #&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);font-style: italic;&quot;&gt; порядок на /uk/guides/&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;sort_by&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; =&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; &amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;weight&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;template&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; =&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; &amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;category.html&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;generate_feeds&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; =&lt;/span&gt;&lt;span style=&quot;color: light-dark(#9A4A00, #F0A869);&quot;&gt; true&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);font-style: italic;&quot;&gt;          #&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);font-style: italic;&quot;&gt; /uk/guides/nix/atom.xml&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;[&lt;/span&gt;&lt;span&gt;extra&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;]&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;code&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; =&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; &amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;NIX&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);font-style: italic;&quot;&gt;                   #&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);font-style: italic;&quot;&gt; NIX-01, NIX-02…&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#C8102E, #FF6B6B);&quot;&gt;+++&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#C8102E, #FF6B6B);&quot;&gt;Один &lt;/span&gt;&lt;span style=&quot;color: light-dark(#C8102E, #FF6B6B);&quot;&gt;рядок &lt;/span&gt;&lt;span style=&quot;color: light-dark(#C8102E, #FF6B6B);&quot;&gt;про &lt;/span&gt;&lt;span style=&quot;color: light-dark(#C8102E, #FF6B6B);&quot;&gt;те, &lt;/span&gt;&lt;span style=&quot;color: light-dark(#C8102E, #FF6B6B);&quot;&gt;що &lt;/span&gt;&lt;span style=&quot;color: light-dark(#C8102E, #FF6B6B);&quot;&gt;є &lt;/span&gt;&lt;span style=&quot;color: light-dark(#C8102E, #FF6B6B);&quot;&gt;в &lt;/span&gt;&lt;span style=&quot;color: light-dark(#C8102E, #FF6B6B);&quot;&gt;цій &lt;/span&gt;&lt;span style=&quot;color: light-dark(#C8102E, #FF6B6B);&quot;&gt;категорії.&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Без &lt;code&gt;_index.uk.md&lt;/code&gt; тека не з’явиться українською, а її посібники не отримають номерів. Для англійської версії категорії потрібен окремий &lt;code&gt;_index.md&lt;/code&gt;.&lt;/p&gt;
&lt;h2 id=&quot;headings&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#headings&quot; aria-label=&quot;Link to this section&quot;&gt;&lt;/a&gt;Заголовки&lt;/h2&gt;
&lt;p&gt;Починайте розділи з &lt;code&gt;##&lt;/code&gt;. Назва сторінки — єдиний &lt;code&gt;#&lt;/code&gt;. Заголовки &lt;code&gt;##&lt;/code&gt; і &lt;code&gt;###&lt;/code&gt; отримують номери розділів (1, 1.1…) і потрапляють до змісту; глибше за &lt;code&gt;###&lt;/code&gt; ідіть лише для низки коротких пунктів.&lt;/p&gt;
&lt;p&gt;Zola робить якір кожного заголовка з його тексту, тож перейменований заголовок ламає посилання на нього. Щоб якір не змінювався, або щоб дати українському заголовку короткий латинський якір, задайте його самі:&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#000000, #E6E8EB); background-color: light-dark(#EEF0F2, #262A30);&quot; &gt;&lt;code data-lang=&quot;markdown&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);font-weight: bold;&quot;&gt;##&lt;/span&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt; Майстер-пароль {#master-pass}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;h2 id=&quot;text&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#text&quot; aria-label=&quot;Link to this section&quot;&gt;&lt;/a&gt;Текст&lt;/h2&gt;
&lt;p&gt;Розумна пунктуація ввімкнена: &lt;code&gt;--&lt;/code&gt; стає коротким тире, а &lt;code&gt;---&lt;/code&gt; — довгим. Прямі лапки &lt;code&gt;&quot;так&quot;&lt;/code&gt; стають англійськими «кучерявими», тож українські «ялинки» набирайте безпосередньо. Апостроф &lt;code&gt;&#39;&lt;/code&gt; теж стає типографським.&lt;/p&gt;
&lt;p&gt;&lt;code&gt;&amp;lt;mark&amp;gt;текст&amp;lt;/mark&amp;gt;&lt;/code&gt; виділяє &lt;mark&gt;одну фразу на сторінці, яка важить найбільше&lt;/mark&gt;. Використовуйте це раз, якщо взагалі.&lt;/p&gt;
&lt;p&gt;Для глосаріїв є списки визначень:&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#000000, #E6E8EB); background-color: light-dark(#EEF0F2, #262A30);&quot; &gt;&lt;code data-lang=&quot;markdown&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;Замикання&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;: Шлях у сховищі та все, на що він посилається.&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Сирий HTML можна писати прямо в Markdown, коли більше нічого не підходить.&lt;/p&gt;
&lt;h2 id=&quot;links&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#links&quot; aria-label=&quot;Link to this section&quot;&gt;&lt;/a&gt;Посилання&lt;/h2&gt;
&lt;p&gt;На іншу сторінку посилайтеся через її файл, починаючи з &lt;code&gt;@/&lt;/code&gt;:&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#000000, #E6E8EB); background-color: light-dark(#EEF0F2, #262A30);&quot; &gt;&lt;code data-lang=&quot;markdown&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;[&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;збирання сміття&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;]&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;(&lt;/span&gt;&lt;span&gt;@/guides/nix/garbage-collection.md&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;)&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;[&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;паролі&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;]&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;(&lt;/span&gt;&lt;span&gt;@/guides/cybersecurity/passwords.uk.md#master-pass&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;)&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Zola перевіряє такі посилання під час збирання. Якщо сторінку перенесли чи видалили, збирання падає, а не публікує мертве посилання, і на цільовій сторінці в розділі «Посилаються» видно всі сторінки, що на неї посилаються. Шлях завжди починається від &lt;code&gt;content/&lt;/code&gt; і містить &lt;code&gt;.uk&lt;/code&gt;, якщо файл український: без &lt;code&gt;.uk&lt;/code&gt; посилання веде на англійську версію.&lt;/p&gt;
&lt;p&gt;Посилання на інші сайти — звичайний Markdown.&lt;/p&gt;
&lt;h2 id=&quot;code&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#code&quot; aria-label=&quot;Link to this section&quot;&gt;&lt;/a&gt;Код&lt;/h2&gt;
&lt;p&gt;Вказуйте мову після відкривальних апострофів. Невідома назва ламає збирання, а не тихо показує простий текст, тож описки на кшталт &lt;code&gt;bahs&lt;/code&gt; не проскочать. Для виводу, який не є кодом, пишіть &lt;code&gt;txt&lt;/code&gt;.&lt;/p&gt;
&lt;p&gt;Назву файлу та підсвічені рядки задають опції після коми:&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#000000, #E6E8EB); background-color: light-dark(#EEF0F2, #262A30);&quot; &gt;&lt;code data-lang=&quot;markdown&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;```&lt;/span&gt;&lt;span&gt;nix,name=shell.nix,hl_lines=2-3&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;{ pkgs ? import &amp;lt;nixpkgs&amp;gt; {} }:&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;pkgs.mkShell {&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;  packages = [ pkgs.zola ];&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;```&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Виглядає це так:&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#000000, #E6E8EB); background-color: light-dark(#EEF0F2, #262A30);&quot; &gt;&lt;code data-lang=&quot;nix&quot; data-name=&quot;shell.nix&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;{&lt;/span&gt;&lt;span style=&quot;color: light-dark(#33415C, #B9C4D9);&quot;&gt; pkgs&lt;/span&gt;&lt;span style=&quot;color: light-dark(#000000, #FFFFFF);font-weight: bold;&quot;&gt; ?&lt;/span&gt;&lt;span style=&quot;color: light-dark(#000000, #FFFFFF);font-weight: bold;&quot;&gt; import&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt; &amp;lt;nixpkgs&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; {&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;}&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; }&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;:&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot; style=&quot;background-color: light-dark(#0047AB1A, #6FA8FF26);&quot;&gt;&lt;span style=&quot;color: light-dark(#33415C, #B9C4D9);&quot;&gt;pkgs&lt;/span&gt;&lt;span style=&quot;color: light-dark(#000000, #FFFFFF);font-weight: bold;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: light-dark(#33415C, #B9C4D9);&quot;&gt;mkShell&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; {&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot; style=&quot;background-color: light-dark(#0047AB1A, #6FA8FF26);&quot;&gt;&lt;span style=&quot;color: light-dark(#33415C, #B9C4D9);&quot;&gt;  packages&lt;/span&gt;&lt;span style=&quot;color: light-dark(#000000, #FFFFFF);font-weight: bold;&quot;&gt; =&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; [&lt;/span&gt;&lt;span style=&quot;color: light-dark(#33415C, #B9C4D9);&quot;&gt; pkgs&lt;/span&gt;&lt;span style=&quot;color: light-dark(#000000, #FFFFFF);font-weight: bold;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: light-dark(#33415C, #B9C4D9);&quot;&gt;zola&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; ]&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;h2 id=&quot;callouts&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#callouts&quot; aria-label=&quot;Link to this section&quot;&gt;&lt;/a&gt;Виноски-попередження&lt;/h2&gt;
&lt;p&gt;Синтаксис сповіщень GitHub, п’ять видів:&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#000000, #E6E8EB); background-color: light-dark(#EEF0F2, #262A30);&quot; &gt;&lt;code data-lang=&quot;markdown&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; [&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;!WARNING&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;]&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span&gt; Ця команда видаляє всі старі покоління.&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;blockquote class=&quot;markdown-alert-tip&quot;&gt;
&lt;p&gt;Примітка (&lt;code&gt;NOTE&lt;/code&gt;) і Порада (&lt;code&gt;TIP&lt;/code&gt;) мають чорний колір, Важливо (&lt;code&gt;IMPORTANT&lt;/code&gt;) — синій, Попередження (&lt;code&gt;WARNING&lt;/code&gt;) і Обережно (&lt;code&gt;CAUTION&lt;/code&gt;) — червоний. Червоний лишайте для того, що знищує дані або доступ.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Заголовка в такої виноски немає. Щоб підписати її, почніть із жирної фрази: &lt;code&gt;&amp;gt; **Аналогія.** …&lt;/code&gt;.&lt;/p&gt;
&lt;h2 id=&quot;footnotes&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#footnotes&quot; aria-label=&quot;Link to this section&quot;&gt;&lt;/a&gt;Примітки та бічні нотатки&lt;/h2&gt;
&lt;p&gt;Примітка — це звичайний Markdown:&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-fn-1&quot;&gt;&lt;a href=&quot;https://beauloxe.page/uk/guides/site/writing/#fn-fn&quot;&gt;[1]&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#000000, #E6E8EB); background-color: light-dark(#EEF0F2, #262A30);&quot; &gt;&lt;code data-lang=&quot;markdown&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;Твердження, якому потрібне джерело.&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;[&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;^src&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;]&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;[&lt;/span&gt;&lt;span&gt;^src&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;]&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;:&lt;/span&gt;&lt;span&gt; Джерело.&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Надавайте перевагу приміткам. Бічну нотатку беріть лише тоді, коли читач із телефона має відкрити її на місці, не стрибаючи в кінець:&lt;label class=&quot;sn-ref&quot;&gt;&lt;input type=&quot;checkbox&quot; aria-label=&quot;Показати примітку&quot;&gt;&lt;/label&gt;&lt;span class=&quot;sidenote&quot;&gt;На телефоні торкніться номера, щоб відкрити. &lt;code&gt;Markdown&lt;/code&gt; усередині працює.&lt;/span&gt;&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#000000, #E6E8EB); background-color: light-dark(#EEF0F2, #262A30);&quot; &gt;&lt;code data-lang=&quot;markdown&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;Речення, якому потрібна нотатка.{{ &lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span&gt;sidenote&lt;/span&gt;&lt;span style=&quot;color: light-dark(#33415C, #B9C4D9);&quot;&gt; text&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;Нотатка.&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; /&amp;gt;&lt;/span&gt;&lt;span&gt; }}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;h2 id=&quot;tables&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#tables&quot; aria-label=&quot;Link to this section&quot;&gt;&lt;/a&gt;Таблиці&lt;/h2&gt;
&lt;p&gt;Звичайна Markdown-таблиця працює. Щоб пронумерувати її та дати назву, обгорніть її:&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#000000, #E6E8EB); background-color: light-dark(#EEF0F2, #262A30);&quot; &gt;&lt;code data-lang=&quot;markdown&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;{% &lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span&gt;tbl&lt;/span&gt;&lt;span style=&quot;color: light-dark(#33415C, #B9C4D9);&quot;&gt; caption&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;Порівняння підходів&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span&gt; %}&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;|&lt;/span&gt;&lt;span&gt; Підхід&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; |&lt;/span&gt;&lt;span&gt; Чим оновлювати&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; |&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;|&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;---&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;|&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;---&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;|&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;|&lt;/span&gt;&lt;span&gt; npins&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; |&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; `&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;npins update&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;`&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; |&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;{% &lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span&gt;tbl&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span&gt; %}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Перед підписом з’явиться «Таблиця 1.», рахуючи від початку сторінки.&lt;/p&gt;
&lt;h2 id=&quot;figures&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#figures&quot; aria-label=&quot;Link to this section&quot;&gt;&lt;/a&gt;Рисунки та зображення&lt;/h2&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#000000, #E6E8EB); background-color: light-dark(#EEF0F2, #262A30);&quot; &gt;&lt;code data-lang=&quot;markdown&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;{{ &lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span&gt;figure&lt;/span&gt;&lt;span style=&quot;color: light-dark(#33415C, #B9C4D9);&quot;&gt; src&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;diagram.svg&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#33415C, #B9C4D9);&quot;&gt; alt&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;Що зображено&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#33415C, #B9C4D9);&quot;&gt; caption&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;Необов&amp;#39;язково, *Markdown* можна&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#C8102E, #FF6B6B);&quot;&gt; /&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span&gt; }}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;До підпису додається «Рисунок 1.»; на широкому екрані підпис переїжджає на поле. &lt;code&gt;alt&lt;/code&gt; пишіть для того, хто не бачить зображення: що на ньому, а не як воно називається. Підпис — для всіх, і в ньому може бути посилання; саме там місце для зазначення автора.&lt;/p&gt;
&lt;p&gt;Від того, де лежить файл, залежить, як писати &lt;code&gt;src&lt;/code&gt;:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Поруч зі сторінкою.&lt;/strong&gt; Перетворіть &lt;code&gt;post.uk.md&lt;/code&gt; на &lt;code&gt;post/index.uk.md&lt;/code&gt; і покладіть зображення в &lt;code&gt;post/&lt;/code&gt;. Тоді &lt;code&gt;src=&quot;diagram.svg&quot;&lt;/code&gt;. Українська версія може мати власне зображення, &lt;code&gt;diagram.uk.svg&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;У &lt;code&gt;static/&lt;/code&gt;.&lt;/strong&gt; &lt;code&gt;static/images/x.png&lt;/code&gt; доступний за адресою &lt;code&gt;/images/x.png&lt;/code&gt;, тож &lt;code&gt;src=&quot;/images/x.png&quot;&lt;/code&gt;. Так робіть із зображенням, спільним для кількох сторінок, або для посібника з одного файлу.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Для схем беріть SVG. Фотографії тримайте в межах кількох сотень кілобайтів.&lt;/p&gt;
&lt;h2 id=&quot;change-bars&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#change-bars&quot; aria-label=&quot;Link to this section&quot;&gt;&lt;/a&gt;Позначки змін&lt;/h2&gt;
&lt;p&gt;Коли редакція змінює абзац, позначте його, щоб ті, хто повертається, знайшли нове:&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#000000, #E6E8EB); background-color: light-dark(#EEF0F2, #262A30);&quot; &gt;&lt;code data-lang=&quot;markdown&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;{% &lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span&gt;changed&lt;/span&gt;&lt;span style=&quot;color: light-dark(#33415C, #B9C4D9);&quot;&gt; rev&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#1E6B45, #7FD1A4);&quot;&gt;B&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span&gt; %}&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;Абзац, що змінився.&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;{% &lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span&gt;changed&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span&gt; %}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Поруч на полі з’являється смуга, а на широкому екрані — ще й літера редакції. Не забудьте додати редакцію в &lt;code&gt;revisions&lt;/code&gt; у шапці.&lt;/p&gt;
&lt;h2 id=&quot;task-lists&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#task-lists&quot; aria-label=&quot;Link to this section&quot;&gt;&lt;/a&gt;Списки завдань&lt;/h2&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#000000, #E6E8EB); background-color: light-dark(#EEF0F2, #262A30);&quot; &gt;&lt;code data-lang=&quot;markdown&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;-&lt;/span&gt;&lt;span&gt; [ ] Встановити менеджер паролів.&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt;-&lt;/span&gt;&lt;span&gt; [ ] Змінити пароль пошти.&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Вони показуються як порожні квадратики — для списку «зробіть сьогодні» наприкінці посібника. Позначити їх не можна.&lt;/p&gt;
&lt;h2 id=&quot;literal-braces&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#literal-braces&quot; aria-label=&quot;Link to this section&quot;&gt;&lt;/a&gt;Фігурні дужки шаблонів&lt;/h2&gt;
&lt;p&gt;Tera читає сторінку раніше за Markdown, тож буквальні &lt;code&gt;{{&lt;/code&gt; або &lt;code&gt;{%&lt;/code&gt; будь-де в тексті, навіть усередині блоку коду, вважаються тегом шаблону і зазвичай ламають збирання. Обгортайте такі фрагменти:&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#000000, #E6E8EB); background-color: light-dark(#EEF0F2, #262A30);&quot; &gt;&lt;code data-lang=&quot;markdown&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;{% raw %}&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;Усе, що містить {{ або {%.&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;{% endraw %}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Приклади на цій сторінці обгорнуто саме так.&lt;/p&gt;
&lt;h2 id=&quot;languages&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#languages&quot; aria-label=&quot;Link to this section&quot;&gt;&lt;/a&gt;Мови&lt;/h2&gt;
&lt;p&gt;Українська сторінка — це та сама назва файлу з &lt;code&gt;.uk&lt;/code&gt; перед &lt;code&gt;.md&lt;/code&gt;, поруч з англійською: &lt;code&gt;passwords.md&lt;/code&gt; і &lt;code&gt;passwords.uk.md&lt;/code&gt;. Коли є обидві, перемикач мови в шапці веде просто між ними; інакше — на головну сторінку іншої мови.&lt;/p&gt;
&lt;p&gt;Кожна може існувати сама по собі. Кожна мова має власні номери, теги та стрічку, тож сторінка, яка є лише українською, отримує номер лише серед інших українських сторінок.&lt;/p&gt;
&lt;p&gt;Розділам потрібен власний &lt;code&gt;_index.uk.md&lt;/code&gt;, щоб вони взагалі з’явилися українською. Текст інтерфейсу, тобто підписи довкола вмісту, лежить у &lt;code&gt;zola.toml&lt;/code&gt; у &lt;code&gt;[languages.uk.translations]&lt;/code&gt;.&lt;/p&gt;
&lt;h2 id=&quot;before-publishing&quot;&gt;&lt;a class=&quot;anchor&quot; href=&quot;#before-publishing&quot; aria-label=&quot;Link to this section&quot;&gt;&lt;/a&gt;Перед публікацією&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;input disabled=&quot;&quot; type=&quot;checkbox&quot;/&gt;
&lt;code&gt;nix flake check&lt;/code&gt; проходить.&lt;/li&gt;
&lt;li&gt;&lt;input disabled=&quot;&quot; type=&quot;checkbox&quot;/&gt;
&lt;code&gt;description&lt;/code&gt; — одне речення, яке каже, що отримає читач.&lt;/li&gt;
&lt;li&gt;&lt;input disabled=&quot;&quot; type=&quot;checkbox&quot;/&gt;
Кожне зображення має &lt;code&gt;alt&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;&lt;input disabled=&quot;&quot; type=&quot;checkbox&quot;/&gt;
Переглянута сторінка має новий запис у &lt;code&gt;revisions&lt;/code&gt; і нову дату &lt;code&gt;updated&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;&lt;input disabled=&quot;&quot; type=&quot;checkbox&quot;/&gt;
Посібник має &lt;code&gt;weight&lt;/code&gt; і &lt;code&gt;status&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;&lt;input disabled=&quot;&quot; type=&quot;checkbox&quot;/&gt;
Якщо є переклад, він має ту саму назву файлу з &lt;code&gt;.uk&lt;/code&gt; або без.&lt;/li&gt;
&lt;/ul&gt;
&lt;section class=&quot;footnotes&quot;&gt;
&lt;ol class=&quot;footnotes-list&quot;&gt;
&lt;li id=&quot;fn-fn&quot;&gt;
&lt;p&gt;Як-от ця. На широкому екрані вона стоїть на полі, а на телефоні чекає наприкінці, у розділі «Примітки». &lt;a href=&quot;https://beauloxe.page/uk/guides/site/writing/#fr-fn-1&quot;&gt;↩&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;
</content>
        
    </entry>
</feed>
