https://matteoarnone.be/blog/Recent content in Blog on Matteo ArnoneHugofrThu, 05 Nov 2026 00:00:00 +0000https://matteoarnone.be/blog/comment-ce-site-est-construit/Thu, 05 Nov 2026 00:00:00 +0000https://matteoarnone.be/blog/comment-ce-site-est-construit/<h2 id="un-site-statique">Un site statique</h2> <p>Ce site n&rsquo;a ni base de données, ni serveur qui calcule les pages à chaque visite. Les textes sont des fichiers Markdown. Le générateur <a href="https://gohugo.io">Hugo</a> les transforme une fois pour toutes en pages HTML, que l&rsquo;hébergeur n&rsquo;a plus qu&rsquo;à envoyer.</p> <table> <thead> <tr> <th scope="col"></th> <th scope="col">Site dynamique (ex. WordPress)</th> <th scope="col">Site statique (Hugo)</th> </tr> </thead> <tbody> <tr> <td>Page construite</td> <td>à chaque visite</td> <td>une fois, à la publication</td> </tr> <tr> <td>Côté serveur</td> <td>PHP et base de données</td> <td>de simples fichiers</td> </tr> <tr> <td>Surface d&rsquo;attaque</td> <td>plus large</td> <td>très réduite</td> </tr> <tr> <td>Hébergement</td> <td>un serveur à maintenir</td> <td>n&rsquo;importe quel hébergeur de fichiers</td> </tr> </tbody> </table> <h2 id="le-chemin-dune-page">Le chemin d&rsquo;une page</h2> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-text" data-lang="text"><span class="line"><span class="cl">content/projets/mushaf.md le texte, en Markdown </span></span><span class="line"><span class="cl"> │ </span></span><span class="line"><span class="cl"> ▼ hugo </span></span><span class="line"><span class="cl">public/projets/mushaf/index.html la page finale </span></span></code></pre></div><p>Chaque type de page a son gabarit (<em>template</em>) dans le dossier <code>layouts/</code> : <code>home.html</code> pour l&rsquo;accueil, <code>list.html</code> pour les listes, <code>page.html</code> pour les articles.</p>