Site HUGO stocké sur votre machine

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

Prerequis

• NPM
• GIT
• HUGO : https://gohugo.io/getting-started/installing
• DAT

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

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