Dans le prochain article, nous allons jeter un œil à Hugo. C'est l'un des générateurs de sites statiques open source le plus populaire, qui est également entièrement gratuit. Avec sa vitesse et sa flexibilité incroyables, ce générateur rend la création de site Web rapide et facile. Il s'agit de un générateur sitios web HTML et CSS statiques écrits en Go. Il est optimisé pour la vitesse, la facilité d'utilisation et la configurabilité.
La création d'un site Web est un processus qui nécessite du temps et des connaissances en HTML et dans d'autres langues. Pour cette raison, ce constructeur de site statique peut être d'une grande aide pour créer rapidement des sites Web. Il convient de préciser que lorsque nous parlons de sites Web statiques, nous entendons les sites qui ne traitent pas de données. Autrement dit, ils ne peuvent pas traiter les formulaires ou générer des documents. Ces sites Web sont généralement conçus pour de petits projets et des sites d'information.
Caractéristiques générales d'Hugo
- Une vitesse élevée. Comme indiqué sur leur site Web, il s'agit de l'outil le plus rapide du genre. Le site moyen se construit en moins d'une seconde.
- Gestion de contenu robuste et règles de flexibilité. Hugo est le rêve d'un stratège de contenu. Hugo prend en charge des types de contenu illimités, des taxonomies, des menus, du contenu dynamique piloté par API, etc., le tout sans modules complémentaires.
- Les shortcodes nous offrent le possibilité d'utiliser la syntaxe Markdown, offrant une grande flexibilité.
- Modèles intégrés. Ce créateur de site Web statique a des modèles communs pour créer rapidement notre travail. Hugo est livré avec des modèles prédéfinis pour effectuer rapidement un travail de référencement, des commentaires, des analyses et d'autres fonctions.
- Sorties personnalisées. Il nous permet générer notre contenu dans plusieurs formats, y compris JSON ou AMP, et ainsi faciliter la création de contenu.
- Plus de 300 thèmes disponibles, nous donnant un système de thème robuste, facile à mettre en œuvre, mais capable de produire même les sites Web les plus compliqués. Peut être coulé un regard sur les sujets disponible sur le site Web du projet.
Installez Hugo sur Ubuntu
Hugo est un programme assez populaire et cela fait de son installation sur Gnu / Linux et en particulier Ubuntu un processus simple. La première option d'installation disponible utilisera le paquets précompilés qui peuvent être trouvés dans le page de publication du projet. Pour télécharger le package .deb, il suffit d'ouvrir un terminal (Ctrl + Alt + T) et d'exécuter la commande suivante:
wget https://github.com/gohugoio/hugo/releases/download/v0.69.0/hugo_0.69.0_Linux-64bit.deb
Après le téléchargement, nous pourrons l'installer en exécutant cette autre commande dans le même terminal:
sudo dpkg -i hugo_0.69.0_Linux-64bit.deb
À la fin de l'installation, nous pouvons commencer à travailler.
Une autre possibilité d'installer ce programme sera via votre pack de pression. L'installation sera aussi simple que d'ouvrir un terminal (Ctrl + Alt + T) et de le saisir:
sudo snap install hugo
Premières étapes
Hugo est un constructeur de sites Web. Donc, la première chose que nous devons faire est créer un nouveau site en utilisant le format suivant:
hugo new site [nombre-del-sitio]
Pour cet exemple, j'ai créé un nouveau site avec la commande:
hugo new site sinforoso
Cela créera un nouveau dossier appelé enroulement Dans le carnet d'adresses Accueil de l'utilisateur. Pour commencer, nous allons accéder à ce dossier et nous commencerons le travail à partir de là .
La prochaine chose que nous ferons est ajouter un nouveau thème pour le site. Si vous souhaitez ajouter tous les thèmes disponibles, vous pouvez utiliser la commande:
git clone --depth 1 --recursive https://github.com/gohugoio/hugoThemes.git themes
Cela installe tous les thèmes Hugo, donc cela peut prendre beaucoup de temps. Il peut être utile d'essayer celui que vous voulez. Dans mon cas, j'ai choisi un sujet spécifique, donc au lieu de la commande ci-dessus, j'ai utilisé ce qui suit:
git clone https://github.com/matcornic/hugo-theme-learn.git themes/learn
Il est important de placer les sujets dans le carpeta sujets, que nous allons trouver dans le dossier dans lequel nous travaillons.
Après avoir installé le thème, nous devons dites à Hugo d'utiliser ce thème particulier. Pour ce faire, nous devons définissez-le dans le fichier config.tom, que nous trouverons dans le dossier de travail comme indiqué dans la capture d'écran suivante.
Une fois les modifications effectuées, nous enregistrons et fermons. Maintenant, tout ce que nous avons à faire est créer un nouvel index à afficher sur le site. Nous allons le faire avec la commande suivante:
hugo new _index.md
Comme vous pouvez le voir, le fichier a une extension md, cela signifie que nous pouvons ajouter du contenu en utilisant Markdown. Ce fichier peut être trouvé et modifié dans le dossier de contenu.
Nous pouvons aussi créer de nouvelles catégories pour façonner le site:
hugo new [categorÃa]/[archivo.md]
Arrivés à ce point, pour consulter notre site Web, nous utiliserons la commande suivante:
hugo serve
Et comme vous pouvez le voir dans la capture d'écran suivante, notre site Web sera disponible à partir du navigateur à l'adresse http: // localhost: 1313.
En bref, Hugo est un programme qui ne crée que des sites Web statiques, mais il est très utile dans certains cas. Vous pouvez obtenir plus d'informations sur le projet dans votre Site Internet ou documentation officielle.