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 :

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

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"

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é.

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

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

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