Premier post sur ce nouveau site dédié à compléter mon log 100daysofcode. Bien installé dans les massifs à proximité de Sank Pölten. Temps pluvieux, les photos suivront demain… En ce «R1D4» (4ème jour d’engagement du premier round de 100daysofcode, je suis excité à l’idée de compléter mon log 100daysofcode en mettant les mains dans le générateur de site statique GoHugo. (thème multilingue «beautiful hugo».)

Intention

Améliorer ce site pour restituer des formats de date avec un rendu d’affichage en français, «plus humain» et correct sémantiquement (ajouter la balise time).

• mardi 1<sup>er</sup> août
• Donnerstag, 27 Juli pour les amis autrichiens de vienna.html quand la mise en page des dates fonctionnera

Statut : chantier en cours

Intentions :

1. Étudier les ressources au calme pour écrire un partiel post_meta.html de personnalisation de la date.
2. En bas de chaque article, ajouter un bouton «améliorer la page» et un horodatage sur la date de dernière modification

Production du jour

• Un repo github 100daysofcode-site

Code et Ressources pour personnaliser la Date

Les fichiers du thème en cours de modification :

Code

un fichier data mois.yaml

(placé dans data/mois.yaml)

1: "janvier"
2: "février"
3: "mars"
4: "avril"
5: "mai"
6: "juin"
7: "juillet"
8: "août"
9: "septembre"
10: "octobre"
11: "novembre"
12: "décembre"

Partiel de date

• post_meta.html ajouté dans le dossier /layouts/partials

<span class="post-meta">
Posté le <time class="post-date dt-published" datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" | safeHTML }}">{{ .Date.Day }} {{ index $.Site.Data.mois (printf "%d" .Date.Month) }} {{ .Date.Year }}</time>
</span>

todo : à raffiner avec l’ajout du jour de la semaine.

bouton de modification horodaté avec accès github

Inspiré de la doc Hugo, j’aimerais ajouter un bouton en bas de chaque post libellé «modifier la page» pointant sur le fichier github lié.

<!-- partiel de date publication et mise a jour au format fr a raffiner. ex : <nomdujour> 1er -->

dernière mise à jour le : 
<time class="dt-updated" datetime="{{ .Lastmod.Format "2006-01-02T15:04:05Z07:00" | safeHTML }}">{{ .Lastmod.Day }} {{ index $.Site.Data.mois (printf "%d" .Lastmod.Month) }} {{ .Lastmod.Year }}</time> <br> 

        {{ partial "page-edit.html" . }}
        

Ressources à étudier et classer

• FuckingGoDateFormat
• GoHugo : dateFormat (non supportée sur les sites multilingues)
• Exemples de dates publiés sur docsHugo : format
• GoHugo : multilingual mode / customize dates
• Formatting a date with suffix (2nd) - forum de discussion Hugo
• dates only in english - forum discussion Hugo
• Francisation de la date - (repo voiretmanger- hugo)
• Parsing dates in templates
• Slack jamstatic > tu peux découper ton {{.Date}} en {{.Day}} {{.Month}} et {{.Year}} > ici un exemple de code où je récupère un timestamp PHP et je le convertis en date humaine :

Publié le {{$time := time (div (int .Params.dateAdd) 1000)}}{{ $monthindex := index $.Site.Data.mois (printf "%d" $time.Month) }} {{$time.Day}} {{$monthindex}} {{$time.Year}}