I want to add a header link before all h2 elements in my blog post pages. I’m currently doing this with JS here , and you can see a demo of what I’m talking about here . But I’d like to do this with Hugo if possible and reasonable. A brief summary of how I’m doing it in JS: Create an anchor eleme…

[image] zwbetz: A Hugo templating solution for this will likely require the findRE and replaceRE functions, I just haven’t quite cracked the egg yet. Yep, that’s the way to go: Adding anchor next to headers - #9 by kaushalmodi

Sorry, have no time to try this Try to use a shortcode to generate the H2 headers with ancors. With .Scratch.Add the links could be collected and displayed as list.

I want to stay away from using a shortcode since this would require much more effort when writing posts. My current solution is good in this regard as it adds the head links automatically, and I can focus on writing content. A Hugo templating solution for this will likely require the findRE and rep…

Nice. Going to play around with this tonight and report back.

@kaushalmodi Thanks for the help! Took me a bit to wrap my head around the regex and capturing groups. It’s powerful once I understood it. Here is my adapted solution. Call the partial in my layouts/post/single.html template like {{ partial "header-link.html" .Content }} The partial is defined as …

svg icons can used directly from fonts like https://fontawesome.com/ https://materialdesignicons.com/

Indeed. I imported the feather script because I may use other icons in the future and it’s only a few kb

Put a header link before all h2 elements

support

kaushalmodi April 8, 2019, 4:06pm 4

Yep, that’s the way to go: Adding anchor next to headers - #9 by kaushalmodi

Topic		Replies	Views
Best Practice Adding Link to Heading support	5	3156	August 25, 2018
Adding a link icon to headings support	6	5430	April 15, 2018
Theme: How do I add a link to the header next to each header? support	3	615	September 21, 2020
Adding anchor next to headers support	23	14532	May 26, 2021
Surrounding HTML Heading Content with Anchor Tag? support	7	3045	January 30, 2020

Put a header link before all h2 elements

Related topics