Foto scomposta, esperimento con The Gimp

Foto scomposta, esperimento con The Gimp

Photo by Leonardo Finetti

Immagine con shortcode manuale (sconsigliato)

Invece di usare la sintassi di Emacs/Org, si può usare lo shortcode diretto, ma così facendo devo inserire manualmente l’immagine nella directory static. È possibile usare codice markdown nella didascalia (caption).

{{< figure src="/images/inline/demo-immagini-hugo-shortcode-manuale.jpg"
    link="/images/inline/demo-immagini-hugo-shortcode-manuale.jpg"
    alt="Alt"
    title="titolo"
    caption="Didascalia che può contenere **markdown**"
>}}

Le immagini inline e le featured image le metto nella stessa directory del file con estensione org o in una sotto-directory specifica. Quelle inline le scrivo così:

#+ATTR_HTML: :title Titolo immagine :alt Testo alternativo
#+CAPTION: Didascalia della immagine
[[file:images/oxhugo-orgmode-esempio.jpg]]

Ecco qui un esempio:

Testo alternativo

Figura 1: Didascalia della immagine

Attenzione, prima della riga della caption e non dopo va messo il campo #+ATTR_HTML: con gli attributi :title ed :alt. Inserendo le varie caption, queste sono numerate automaticamente.

Qui di seguito lo stesso esempio di prima ma senza gli attributi title e alt:

Figura 2: Prova didascalia con figura 2

Figura 2: Prova didascalia con figura 2

Mentre le immagini “featured”, ovvero quelle usate come immagine principale dell’articolo, le inserisco nei meta dati all’inizio del file e poi le devo copiare a mano su /static/featured/ fintanto che non si chiude il seguente bug:

In definitiva la gestione delle immagini con oxhugo è semplice e molto flessibile. Grazie ad una sintassi estremamente semplice si riescono ad inserire le immagini senza sforzo.

Leonardo Finetti

Leonardo Finetti
Si occupa di informatica dalla metà degli anni novanta principalmente in ambito web con tecnologie Open Source. Esperto di Drupal e di SEO offre consulenze in tali ambiti e nel tempo libero si diletta scrivendo articoli di informatica ed anche di design, ergonomia, usabilità e sicurezza.

Se ti piace questo sito puoi usare il link di affiliazione Amazon cliccando qui.