Thème de base du site personnel stylé avec un minimum de tachyons, une mise en évidence de la syntaxe et une configuration de la série de blogs.
https://hugo-theme-basic.netlify.app/
series
- Groupez automatiquement les publications et affichez dans un type de taxonomie isoléeExécutez cette commande à partir de la racine de votre répertoire HUGO (GIT doit être installé):
$ git clone https://github.com/siegerts/hugo-theme-basic.git
Ou, si votre site Hugo est déjà en GIT, vous pouvez inclure ce référentiel en tant que git submodule
. Cela facilite la mise à jour de ce thème ( et pour certaines options de déploiement, c'est-à-dire Netlify ).
$ git submodule add https://github.com/siegerts/hugo-theme-basic.git themes/hugo-theme-basic
Alternativement, si vous n'êtes pas familier avec Git, vous pouvez télécharger le thème en tant que fichier .zip, décompresser le contenu du thème, puis déplacer la source dézipied dans votre répertoire de thèmes.
Pour plus d'informations, lisez la documentation officielle de Hugo.
De la racine des themes/hugo-theme-basic/exampleSite
:
hugo server --themesDir ../..
Consultez le fichier Exemple config.toml
situé dans le répertoire exampleSite
. Copiez le config.toml
dans le répertoire racine de votre site Hugo, puis modifiez comme souhaité.
Taper | Description | Commande |
---|---|---|
Poste | Utilisé pour les articles de blog. Les messages sont répertoriés sur la page /post . | hugo new post/<post-name>.md |
Page | Utilisé pour les pages du site. | hugo new <page-name>.md |
Projet | Utilisé pour les pages de projet. Étendez la liste des projets par personnalisation /layouts/section/project.html . | hugo new project/<project-name>.md |
Une taxonomie supplémentaire, series
, est ajoutée pour permettre le regroupement des articles de blog. Une section en lecture plus s'affiche en bas de chaque message de la série lorsque deux publications ou plus sont regroupées.
[ taxonomies ]
category = " categories "
series = " series "
tag = " tags "
.Params.Menu
Les liens de menu sont spécifiés, dans l'ordre, dans la configuration du thème.
Par exemple:
[[ params . menu ]]
name = " blog "
url = " blog/ "
[[ params . menu ]]
name = " post series "
url = " series/ "
[[ params . menu ]]
name = " about "
url = " about/ "
La mise en évidence de la syntaxe est fournie par Highlight.js. Le thème de couleur peut être modifié en modifiant la feuille de style highlight.js dans layouts/partials/head_includes.html
.
Le code est disponible sous la licence MIT.