<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
    <title>/bˈɒləks/ - This site</title>
    <link rel="self" type="application/atom+xml" href="https://beauloxe.page/guides/site/atom.xml"/>
    <link rel="alternate" type="text/html" href="https://beauloxe.page/guides/site/"/>
    <generator uri="https://www.getzola.org/">Zola</generator>
    <updated>2026-10-31T00:00:00+00:00</updated>
    <id>https://beauloxe.page/guides/site/atom.xml</id>
    <entry xml:lang="en">
        <title>Writing for this site</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/guides/site/writing/"/>
        <id>https://beauloxe.page/guides/site/writing/</id>
        
        <content type="html" xml:base="https://beauloxe.page/guides/site/writing/">&lt;p&gt;The site is built with &lt;a rel=&quot;external&quot; href=&quot;https://www.getzola.org&quot;&gt;Zola&lt;/a&gt; 0.23. Every page is a Markdown file under &lt;code&gt;content/&lt;/code&gt; with a block of TOML at the top. Zola runs each file through its template engine, Tera, then through Markdown, and the templates in &lt;code&gt;templates/&lt;/code&gt; turn the result into a numbered, dated document like this one.&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;Preview while you write&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;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; or with comma&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&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(#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;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;This serves the site at an available port and rebuilds on every save. Broken internal links and unknown code languages show up here as errors, so leave it running in a terminal while you write.&lt;/p&gt;
&lt;p&gt;Before publishing, build once the way the deploy does:&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;It fails on the same things &lt;code&gt;zola serve&lt;/code&gt; complains about, so if it passes, the site will build.&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;Where a page goes&lt;/h2&gt;
&lt;figure class=&quot;tbl&quot;&gt;&lt;figcaption&gt;Kinds of page&lt;/figcaption&gt;
&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;You’re writing&lt;/th&gt;&lt;th&gt;File&lt;/th&gt;&lt;th&gt;Numbered&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td&gt;A post&lt;/td&gt;&lt;td&gt;&lt;code&gt;content/writing/slug.md&lt;/code&gt;&lt;/td&gt;&lt;td&gt;W-001, by date&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;A post with images&lt;/td&gt;&lt;td&gt;&lt;code&gt;content/writing/slug/index.md&lt;/code&gt;, images beside it&lt;/td&gt;&lt;td&gt;W-001, by date&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;A short note&lt;/td&gt;&lt;td&gt;&lt;code&gt;content/notes/slug.md&lt;/code&gt;&lt;/td&gt;&lt;td&gt;N-001, by date&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;A guide&lt;/td&gt;&lt;td&gt;&lt;code&gt;content/guides/category/slug.md&lt;/code&gt;&lt;/td&gt;&lt;td&gt;NIX-01, by weight&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;A Ukrainian version&lt;/td&gt;&lt;td&gt;the same name with &lt;code&gt;.uk.md&lt;/code&gt;&lt;/td&gt;&lt;td&gt;counted separately&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/figure&gt;
&lt;p&gt;The file name becomes the address: &lt;code&gt;content/writing/pinning-nixpkgs/index.md&lt;/code&gt; is published at &lt;code&gt;/writing/pinning-nixpkgs/&lt;/code&gt;. Use lowercase Latin letters and hyphens, even for a Ukrainian page, so the address stays readable when shared.&lt;/p&gt;
&lt;p&gt;Numbers are counted, not stored. A post dated before the newest one shifts the numbers after it; a guide with a lower weight shifts the guides after it. If a number must never change, pin it with &lt;code&gt;id&lt;/code&gt; under &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;Front matter&lt;/h2&gt;
&lt;p&gt;The block between the &lt;code&gt;+++&lt;/code&gt; lines is TOML. Keys Zola knows go at the top; keys this site adds go under &lt;code&gt;[extra]&lt;/code&gt;. A key in the wrong place is silently ignored, so if a setting has no effect, check which side of &lt;code&gt;[extra]&lt;/code&gt; it’s on.&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;Posts&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;Pinning nixpkgs without flakes&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; optional; shown as &amp;quot;Revised&amp;quot;&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;One sentence under the title and in link previews.&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; contents list under the title block&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; optional; the last one is the current revision&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;First published.&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;What changed, in one line.&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             # no section numbers on headings&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;                 # pin the document number&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;When you add a revision, also change &lt;code&gt;updated&lt;/code&gt;. The revision list fills the table at the end of the page; &lt;code&gt;updated&lt;/code&gt; is what the register and the feed use.&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;Notes&lt;/h3&gt;
&lt;p&gt;A note needs only a date. Without a title, the register shows the first line of the text instead.&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;Guides&lt;/h3&gt;
&lt;p&gt;A guide takes everything a post takes, plus &lt;code&gt;weight&lt;/code&gt; and &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;Garbage collection and disk space&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; position in the category; leave gaps&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 or 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;Written for fish 3.6 and not yet checked against 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;Weights of 10, 20, 30 leave room to put a guide between two others later without renumbering every file.&lt;/p&gt;
&lt;p&gt;&lt;code&gt;draft&lt;/code&gt; and &lt;code&gt;outdated&lt;/code&gt; add a banner under the title. &lt;code&gt;outdated_note&lt;/code&gt; replaces the banner’s default text, so say what is out of date and since when.&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;A new guide category&lt;/h3&gt;
&lt;p&gt;A category is a folder under &lt;code&gt;content/guides/&lt;/code&gt; with an &lt;code&gt;_index.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; order on /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; /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;One &lt;/span&gt;&lt;span style=&quot;color: light-dark(#C8102E, #FF6B6B);&quot;&gt;line &lt;/span&gt;&lt;span style=&quot;color: light-dark(#C8102E, #FF6B6B);&quot;&gt;about &lt;/span&gt;&lt;span style=&quot;color: light-dark(#C8102E, #FF6B6B);&quot;&gt;what&amp;#39;s &lt;/span&gt;&lt;span style=&quot;color: light-dark(#C8102E, #FF6B6B);&quot;&gt;in &lt;/span&gt;&lt;span style=&quot;color: light-dark(#C8102E, #FF6B6B);&quot;&gt;this &lt;/span&gt;&lt;span style=&quot;color: light-dark(#C8102E, #FF6B6B);&quot;&gt;category.&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Without &lt;code&gt;_index.md&lt;/code&gt; the folder isn’t a category, and its guides get no numbers. A category that exists only in Ukrainian needs just &lt;code&gt;_index.uk.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;Headings&lt;/h2&gt;
&lt;p&gt;Start sections at &lt;code&gt;##&lt;/code&gt;. The page title is the only &lt;code&gt;#&lt;/code&gt;. &lt;code&gt;##&lt;/code&gt; and &lt;code&gt;###&lt;/code&gt; get section numbers (1, 1.1…) and appear in the contents list; go deeper than &lt;code&gt;###&lt;/code&gt; only for a run of short items.&lt;/p&gt;
&lt;p&gt;Zola makes each heading’s anchor from its text, so renaming a heading breaks links to it. To keep an anchor stable, or to give a Ukrainian heading a short Latin one, set it yourself:&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;Text&lt;/h2&gt;
&lt;p&gt;Smart punctuation is on: &lt;code&gt;&quot;quotes&quot;&lt;/code&gt; become curly, &lt;code&gt;--&lt;/code&gt; becomes an en dash and &lt;code&gt;---&lt;/code&gt; an em dash. Ukrainian takes «ялинки» instead of straight quotes; type them directly.&lt;/p&gt;
&lt;p&gt;&lt;code&gt;&amp;lt;mark&amp;gt;text&amp;lt;/mark&amp;gt;&lt;/code&gt; highlights &lt;mark&gt;the one phrase on the page that matters most&lt;/mark&gt;. Use it once, if at all.&lt;/p&gt;
&lt;p&gt;Definition lists work for glossaries:&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;Closure&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;: A store path and everything it refers to.&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Raw HTML goes straight into the Markdown when nothing else will do.&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;Links&lt;/h2&gt;
&lt;p&gt;Link to another page by its file, starting with &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;garbage collection&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 checks these when it builds. If the target is moved or deleted, the build fails instead of publishing a dead link, and the target page lists every page that links to it under “Referenced by”. The path always starts from &lt;code&gt;content/&lt;/code&gt; and includes &lt;code&gt;.uk&lt;/code&gt; for a Ukrainian file.&lt;/p&gt;
&lt;p&gt;Links to other sites are ordinary 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;Code&lt;/h2&gt;
&lt;p&gt;Name the language after the opening fence. An unknown name fails the build rather than silently showing plain text, which catches typos like &lt;code&gt;bahs&lt;/code&gt;. Use &lt;code&gt;txt&lt;/code&gt; for output that isn’t code.&lt;/p&gt;
&lt;p&gt;Add the file name and highlight lines with options after a comma:&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;Which renders as:&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;Callouts&lt;/h2&gt;
&lt;p&gt;GitHub’s alert syntax, with five kinds:&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; Running this deletes every old generation.&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;blockquote class=&quot;markdown-alert-tip&quot;&gt;
&lt;p&gt;Note and Tip are black, Important is blue, Warning and Caution are red. Use red only for something that loses data or access.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;A callout has no title line. To label it, start with a bold phrase: &lt;code&gt;&amp;gt; **Analogy.** …&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;Footnotes and sidenotes&lt;/h2&gt;
&lt;p&gt;A footnote is plain Markdown:&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-fn-1&quot;&gt;&lt;a href=&quot;https://beauloxe.page/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;A claim that needs a source.&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 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;: The source.&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Prefer footnotes. Reach for a sidenote only when the reader on a phone should be able to open the note in place, without jumping to the end:&lt;label class=&quot;sn-ref&quot;&gt;&lt;input type=&quot;checkbox&quot; aria-label=&quot;Show note&quot;&gt;&lt;/label&gt;&lt;span class=&quot;sidenote&quot;&gt;Tap the number on a phone to open it. &lt;code&gt;Markdown&lt;/code&gt; works inside.&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;A sentence that needs a note.{{ &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;The note.&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;Tables&lt;/h2&gt;
&lt;p&gt;An ordinary Markdown table works. To number it and give it a title, wrap it:&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;Approaches compared&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; Approach&lt;/span&gt;&lt;span style=&quot;color: light-dark(#5E6470, #9AA1AD);&quot;&gt; |&lt;/span&gt;&lt;span&gt; Update with&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;The caption gets “Table 1.” in front, counted from the top of the page.&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;Figures and images&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;What the image shows&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;Optional, *Markdown* allowed&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;This adds “Figure 1.” to the caption; on wide screens the caption moves into the margin. Write &lt;code&gt;alt&lt;/code&gt; for someone who can’t see the image: what it shows, not what it’s called. The caption is for everyone and can hold a link, which is where a credit goes.&lt;/p&gt;
&lt;p&gt;Where the file lives decides how &lt;code&gt;src&lt;/code&gt; is written:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Beside the page.&lt;/strong&gt; Turn &lt;code&gt;post.md&lt;/code&gt; into &lt;code&gt;post/index.md&lt;/code&gt; and put the image in &lt;code&gt;post/&lt;/code&gt;. Then &lt;code&gt;src=&quot;diagram.svg&quot;&lt;/code&gt;. A Ukrainian version can have its own image, &lt;code&gt;diagram.uk.svg&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;In &lt;code&gt;static/&lt;/code&gt;.&lt;/strong&gt; &lt;code&gt;static/images/x.png&lt;/code&gt; is served at &lt;code&gt;/images/x.png&lt;/code&gt;, so &lt;code&gt;src=&quot;/images/x.png&quot;&lt;/code&gt;. Use this for an image shared between pages, or for a guide that is a single file.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Prefer SVG for diagrams. Keep photos under a few hundred kilobytes.&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;Change bars&lt;/h2&gt;
&lt;p&gt;When a revision changes a paragraph, mark it, so returning readers can find what’s new:&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;The paragraph that changed.&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;A bar appears in the margin beside it, with the revision letter on wide screens. Add the revision to &lt;code&gt;revisions&lt;/code&gt; in the front matter as well.&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;Task lists&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; [ ] Install a password manager.&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; [ ] Change the email password.&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;They render as empty boxes, for a “do this today” list at the end of a guide. The boxes can’t be ticked.&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;Literal template braces&lt;/h2&gt;
&lt;p&gt;Tera reads the page before Markdown does, so a literal &lt;code&gt;{{&lt;/code&gt; or &lt;code&gt;{%&lt;/code&gt; anywhere in the text, even inside a code block, is treated as a template tag and usually fails the build. Wrap such passages:&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;Whatever contains {{ or {%.&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;The examples on this page are wrapped that way.&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;Ukrainian pages&lt;/h2&gt;
&lt;p&gt;A Ukrainian page is the same file name with &lt;code&gt;.uk&lt;/code&gt; before &lt;code&gt;.md&lt;/code&gt;, next to the English one: &lt;code&gt;passwords.md&lt;/code&gt; and &lt;code&gt;passwords.uk.md&lt;/code&gt;. When both exist, the language link in the header goes straight between them; otherwise it goes to the other language’s home page.&lt;/p&gt;
&lt;p&gt;Either can exist alone. Each language has its own numbers, tags and feed, so a page that exists only in Ukrainian takes numbers only from other Ukrainian pages.&lt;/p&gt;
&lt;p&gt;Sections need their own &lt;code&gt;_index.uk.md&lt;/code&gt; to appear in Ukrainian at all. Interface text, the labels around the content, is in &lt;code&gt;zola.toml&lt;/code&gt; under &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;Before publishing&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; passes.&lt;/li&gt;
&lt;li&gt;&lt;input disabled=&quot;&quot; type=&quot;checkbox&quot;/&gt;
&lt;code&gt;description&lt;/code&gt; is one sentence and says what the reader gets.&lt;/li&gt;
&lt;li&gt;&lt;input disabled=&quot;&quot; type=&quot;checkbox&quot;/&gt;
Every image has &lt;code&gt;alt&lt;/code&gt; text.&lt;/li&gt;
&lt;li&gt;&lt;input disabled=&quot;&quot; type=&quot;checkbox&quot;/&gt;
A revised page has a new &lt;code&gt;revisions&lt;/code&gt; entry and a new &lt;code&gt;updated&lt;/code&gt; date.&lt;/li&gt;
&lt;li&gt;&lt;input disabled=&quot;&quot; type=&quot;checkbox&quot;/&gt;
A guide has &lt;code&gt;weight&lt;/code&gt; and &lt;code&gt;status&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;&lt;input disabled=&quot;&quot; type=&quot;checkbox&quot;/&gt;
If there’s a translation, it has the same file name with &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;Like this one. On wide screens it sits in the margin; on phones it waits at the end under “Notes”. &lt;a href=&quot;https://beauloxe.page/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>
