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?](/images/neil-brown-css-nerd-callout.png)
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…
…Read more