Hugo

Articles in 'Hugo'

Yet Another Blogroll

Yet Another Blogroll

During the previous week-end, I had a simple idea about if a blogroll directory could be made with a static-site generator like Hugo (the one I use here). After some tinkering, it appeared that it worked pretty nice, so I’ve launched it on the web and let see what will happen. So, I’m happy to introduce you Yet Another Blogroll, a humanly curated personal blog directory made with a static-site generator.

- 2 minutes read time

The homepage lost some weight

The homepage lost some weight

Recently, I had the curiosity to check if this blog was not too heavy to load, because it’s something I don’t like to endure. So, I’ve checked on GTMetrix and the result was … 😱 The total page size was 27MB, that’s terrible. Of course the main problem is because I use images to illustrate my article (and I like it). Previously, I’ve made the effort to reduce their size and optimize them to the excepted display size.

- 2 minutes read time

I've shared my Hugo shortcodes on GitHub

I've shared my Hugo shortcodes on GitHub

A couple of weeks ago, I’ve made an article about how to use Hugo shortcodes and integrate them. I’ve decided to share them on GitHub, you can find them here : https://github.com/Wivik/hugo-shortcodes Until now, there are two of them : The exif metadata reader I’ve made previously. And another one I’ve never had the opportunity tu use : a Toot integration. Just copy a toot link to integrate it in your post.

- 1 minutes read time

No multilingual posts anymore

No multilingual posts anymore

I was happy to setup Hugo’s multilingual support for this blog, but after a few articles written in both French and English, I’ve understood it’s not really fun to do it like this. I had the sentiment to always do the job twice and it took more time to write an article in both languages. Also, the other limitation is the English part of this blog looked really empty comparing to the French one, giving a false sentiment of empty site.

- 1 minutes read time

Use Hugo Shortcodes to read pictures EXIF metadata

Use Hugo Shortcodes to read pictures EXIF metadata

If you’ve read my previous article about a Champagne cave visit, you may have noticed that all the photos are displaying their technical metadata : Camera and Lens model, aperture, speed, etc. Sorry to deceive you, but I haven’t written all these text manually, I’ve used one of the resourceful Hugo feature : the shortcodes. What are shortcodes Basically, Hugo shortcodes allow you to create custom tags that Hugo will read and interpret during rendering based on a template you’ve provided.

- 5 minutes read time

Create a multilingual blog with Hugo

Create a multilingual blog with Hugo

Writing in your native language allow to stay in your comfort zone. But on the Web, it can limit our audience. That’s what I’m telling myself since a couple of time, so I took a look to the multilingual options in order to translate some posts in English. Typically, this article is the first one. As this blog is made with the static website generator Hugo, I propose to explain how I proceed to activate its multilingual support.

- 6 minutes read time

Faire une galerie photo en site statique

Faire une galerie photo en site statique

Il y a quelques temps, je vous avais présenté Piwigo, une solution libre auto hébergée de galerie d’images. Suite à la réinstallation de mes outils sur un nouveau serveur, je n’avais pas vraiment envie de reprendre cet outil… Il est très bien, mais je ne voulais pas encore une fois depuis installer une base MySQL juste pour lui car je préfère PostgreSQL. Je me suis donc demandé s’il n’était pas possible de tout simplement générer ma galerie photos avec Hugo en mode site statique… Et bien oui.

- 7 minutes read time

Blog avec Hugo et publication automatisée

Blog avec Hugo et publication automatisée

Après avoir mis en place mon nouveau blog avec le générateur Hugo, il m’avait fallu voir comment automatiser la publication. En effet, Hugo génère dans un dossier public/ les pages web statiques et celles-ci doivent être déposées sur un serveur web pour les présenter. Voici donc ce que j’ai construit rapidement pour qu’une publication soit aussi simple qu’un git commit; git push. Les outils Voici les outils utilisés, j’avais d’ores et déjà ceux-ci à disposition.

- 8 minutes read time

Hello Hugo

Hello Hugo

Hello Hugo Après plus d’un an avec l’outil de blogging Plume, j’ai voulu changer de logiciel et aller vers quelque chose de plus adapté à mes attentes. Le logo Hugo est sous licence Apache 2.0 Qu’est-ce qui n’allait pas avec Plume ? Bien qu’encore en développement et expérimental, il s’avère stable et plutôt bien foutu dans l’ensemble avec une interface simple sans pour autant être trop minimaliste qui me plaisait. Il s’agissait de l’un de mes premiers pas dans le monde du Fediverse et j’ai pu constater avec Mastodon comment cela s’interfaçait via le protocole ActivityPub.

- 5 minutes read time