Personnaliser Page 404

Lorsque vous utilisez Hugo avec GitHub Pages, vous pouvez fournir votre propre modèle pour une page d’erreur 404 personnalisée en créant un fichier modèle 404.html dans votre dossier /layouts. Lorsque Hugo génère votre site, le fichier 404.html sera placé dans la racine.

Les pages 404 auront toutes les variables de page habituelles à utiliser dans les modèles.

En plus des variables de page standard, la page 404 a accès à tout le contenu du site accessible à partir de .Data.Pages.

▾ layouts/
    404.html

404.html

Voici un exemple basique de modèle de page 404.html :

{{ define "main"}}
    <main id="main">
      <div>
       <h1 id="title"><a href="{{ "/" | relURL }}">Retournez à l'Accueil</a></h1>
      </div>
    </main>
{{ end }}

Chargement Automatique

Votre fichier 404.html peut être configuré pour être chargé automatiquement lorsqu’un visiteur entre dans un chemin d’URL erroné, en fonction de l’environnement de service Web que vous utilisez. Par exemple :

• GitHub Pages. La page 404 page est automatique.
• Apache. Vous pouvez spécifier ErrorDocument 404 /404.html dans un fichier .htaccess placé à la racine de votre site.
• Nginx. Vous pourriez spécifier error_page 404 /404.html; dans votre fichier nginx.conf.
• Amazon AWS S3. Lors de la configuration d’un bucket pour une utilisation en web statique, vous pouvez spécifier le fichier d’erreur à partir de l’interface graphique S3.
• Caddy Server. Utilisez errors { 404 /404.html }. Détails ici