Explore >> Select a destination
|
You are here 
|
sam.hooke.me | ||
| | | | |
pavelkorolev.xyz
|
|
| | | | | One of the most popular things you can see on almost all blogs is anchors. Anchors are the icon or text link to something in the post. Header links are by far the most popular use case for anchors. I've implemented this feature for the blog and want to share knowledge. It's a pretty easy thing to do with a combination of out-of-box Hugo features, but haven't seen this combination described anywhere. | |
| | | | |
hjr265.me
|
|
| | | | | I like that the Markdown renderer in Hugo automatically adds an id attribute to the headings in the content. This allows you to link to a specific section in a long article. But, I wanted to make it easy for people to get that link. Hugo doesn't do that by default, but makes it very easy to do with Markdown render hooks. By using the following as the render hook for headings, I am able to show a small link icon next to the headings in my blog posts: | |
| | | | |
www.justinvollmer.com
|
|
| | | | | Justin Vollmer's personal website | |
| | | | |
roneo.org
|
|
| | | Create a file layouts/_default/_markup/render-link.html: {{- .Text | safeHTML -}} Alternative, use if you get a buggy HTML output (if empty paragraphs are inserted when using Shortcodes for example) {{ . | ||
