Loading...
 

Creation d'un site avec HUGO

Site HUGO stocké sur votre machine

L'idée est de pouvoir avoir un site sur son poste distribué avec le protocol DAT.

Prerequis

Dans notre cas, on vas utiliser HUGO afin d'obtenir ceci :
Image

Creation du Site HUGO

  • Vous mettre dans le répertoire que vous souhaitez
  • Lancer la commande hugo new site {nomsouhaitez} (elle vas créer un site hugo de base dans le sous répertoire {nomsouhaitez}, remplacer le {nomsouhaitez} par le nom souhaitez)
  • Allez dans le répertoire {nomsouhaitez}
  • Tapez git init
  • Allez dans le répertoire themes

Partie spécifique au theme "hugo-uilite"

  • Puis git submodule add https://github.com/uicardiodev/hugo-uilite.git
    (Il est possible de choisir un autre theme ici : https://themes.gohugo.io/)
  • Retournez dans le repertoire {nomsouhaitez}
  • Modifier le fichier config.toml pour rajouter l'info theme = "hugo-uilite"
  • Copier ensuite {nomsouhaitez}/themes/hugo-uilite/exampleSite/data dans {nomsouhaitez}/data
  • Lancer la commande hugo server (vous pouvez laisser hugo server tourner dans un terminal pendant la suite du tutoriel ou le relancer a chaque fois que vous voulez vérifier l'apparence du site)
  • Et afficher le lien http://localhost:1313
  • Là, vous pouvez modifier les fichiers qui se trouve dans Data pour voir ce qu'il se passe et mettre les bonnes infos
  • Mettez une image dans le répertoire {nomsouhaitez}/static/images (vous le référencerez dans le fichier sidebar.json le paramètre "displayPicture" (créer le répertoire static/images si il n'existe pas)
  • Un fois fini, vous lancez la command hugo qui vas créer un repertoire "public"

Mise à dispo sur DAT

  • Allez dans le repertoire {nomsouhaitez}/public
  • Lancer la commande dat .
  • Modifier le fichier config.toml pour mettre l'adresse du dat dans le paramètre "baseURL"
  • Voilà, le site est dispo à l'adresse dat qui vous est donné.

Consulter le site

Actuellement, seul Beaker Browser est capable d'afficher des sites dat://

Modifier le site

Le mieux pour modifier le site est de le regarder sur votre browser par defaut.

  • Copier le fichier config.toml en config_dev.toml
  • Mettre le paramètre baseURL = "http://localhost:1313"
  • Lancer la commande hugo server --config config_dev.toml
  • Une fois que vous êtes bon, il faut lancer la command hugo
  • Puis, si vous avez arretez le dat share, il faut le relancer

N'hésitez pas à modifier ce tuto en fonction des points qui vous aurez bloqué pour avoir le max d'info

Contributors to this page: 12b .
Page last modified on Wednesday 24 July, 2019 08:43:07 CEST.
List Slides