Northside Studio Achim

Création d'un nouveau thème

Sun, 28 Sep 2014 00:00:00 +0000

Introduction

Ce tutoriel vous montrera comment créer un thème simple pour Hugo. Je suppose que vous êtes familier avec HTML, la ligne de commande bash, et que vous êtes à l’aise avec Markdown pour formater le contenu. Je vais expliquer comment Hugo utilise des modèles et comment vous pouvez organiser vos modèles pour créer un thème. Je ne couvrirai pas l’utilisation de CSS pour styliser votre thème.

Nous allons commencer par créer un nouveau site avec un modèle très basique. Ensuite, nous ajouterons quelques pages et des publications. Avec de petites variations, vous pourrez créer de nombreux types de sites web.

Débuter avec Hugo

Wed, 02 Apr 2014 00:00:00 +0000

Étape 1. Installer Hugo

Allez sur la page de téléchargements de hugo et téléchargez la version appropriée à votre système d’exploitation et votre architecture.

Sauvegardez le fichier téléchargé à un endroit précis, afin de l’utiliser dans l’étape suivante.

Des informations plus complètes sont disponibles sur la page installing hugo

Introduction aux modèles (Hu)go

Wed, 02 Apr 2014 00:00:00 +0000

Hugo utilise l’excellente librairie go html/template pour son moteur de modèles. c’est un moteur extrêmement léger qui offre un très petit nombre de fonctions logiques. À notre expérience, c’est juste ce qu’il faut pour créer un bon site web statique. Si vous avez déjà utilisé d’autre moteurs de modèles pour différents langages ou frameworks, vous allez retrouver beaucoup de similitudes avec les modèles go.

Ce document est une introduction sur l’utilisation de Go templates. La documentation go fourni plus de détails.

Migrer vers Hugo depuis Jekyll

Mon, 10 Mar 2014 00:00:00 +0000

Déplacez le contenu statique vers `static`

Jekyll a une règle comme quoi tout répertoire qui ne commence pas par _ sera copié tel-quel dans le répertoire _site. Hugo garde tout le contenu statique dans le répertoire static. Vous devez donc déplacer tout ce type de contenu là-dedans. Avec Jekylll, l’arborescence ressemblant à ceci :

▾ <root>/
    ▾ images/
        logo.png