Hugo notes

Hugogohugo.io is a great way to build complex static sites. There is a bit of a learning curve, but once embraced, it’s incredibly powerful.

Anyhoo, this part of the site is as much an aide-memoire for me as anything else. If you find it useful, that’s great.

Bend links to your will

This all began with a post on my socials…

$CSS nerds, I need your help, please. I can style a link to an external site with the full URL path in text after it using a[href]=:not([href^=l’https://neilzone.co.uk’i]):after{content:’(‘attr(href)’)’;} I don’t think that there is a CSS-only (i.e. no Javascript, no extra element/attribute in the html) way of limiting this to just the domain of the external link, rather than the full href link. Am I wrong?$

https://mastodon.neilzone.co.uk/@neil/113244632967157645mastodon.neilzone.co.uk

The consensus certainly seemed to be that it’s not possible to do this solely with CSS (which is a shame), but Neil did mention that they were investigating using Hugo to solve this.

My advice was to use Render Hooks, but I couldn’t stop thinking about how I might do this, as it seemed like a neat way to present those long external links…