Hugo | Le pingouin de l'Oise

Hugo

2017

28 février

Des émoticônes

Une émoticône, mot-valise français composé des mots émotion et icône, est une adaptation en caractères typographiques du Smiley. C’est une combinaison de caractères ASCII utilisée graphiquement pour former un visage. Insertion dans le blog Hugo Ajoutez enableEmoji = true au fichier de configuration (config.toml). Pour afficher l’émoticône, il faut écrire : :emoticon: (emoticon étant le …

lire la suite

21 février

Des « shortcodes » pour Hugo

Hugo est un générateur de pages statiques. Il faut donc écrire du code pour publier. Pour simplifier ce codage, on utilise des raccourcis : les « shortcodes ». Certains sont déjà intégrés dans le système. Par exemple pour insérer une vidéo Youtube, il suffit de taper {{% youtube ID_video %}} On trouve l’ID de la vidéo en cliquant sur Partager. Mais on peut créer ses propres shortcodes. …

lire la suite

16 février

Disqus

Pour utiliser des commentaires dans ce blog statique, il faut utiliser un service externe. J’ai choisi Disqus. Disqus est un service gratuit créé en 2007 et qui permet de centraliser la gestion des commentaires d’articles. Prise en main Afin de pouvoir intégrer Disqus à un votre blog, il faut ouvrir un compte disqus. Pour vous inscrire, rendez-vous sur le site officiel. Disqus est …

lire la suite

10 février

La syntaxe Markdown

Markdown est un langage très simple qui permet d’écrire du HTML de façon raccourcie. Les titres # Titre H1 ## Titre H2 ### Titre H3 #### Titre H4 ##### Titre H5 ###### Titre H6 Les citations > Les blocs de citation doivent commencer et finir par une ligne vierge Les blocs de citation doivent commencer et finir par une ligne vierge Du texte préformaté Débutez chaque ligne de deux …

lire la suite

9 février

Taille et position des images en Markdown

Positionner et choisir la taille des images en Markdown est relativement simple. Le code Markdown ![image alt >](url_de_l_image) Le signe > indique un positionnement à droite. Les marges, la taille et la position de l’image sont définies dans le Css. Le Css img[alt$=">"] {float:right;width:25%;} À vous de créer d’autres classes (j’ai créé 4 tailles et 2 …

© 2018 - 90v3Z - L3 P1n90U1n - Propulsé par Hugo