dev-resources.site

for different kinds of informations.

Linking to a heading in the same page in Hugo

Published at

2/20/2022

Categories

hugo

html

markdown

Author

Precious Chicken

Main Article

https://dev.to/preciouschicken/linking-to-the-same-page-in-hugo-llb

Categories

3 categories in total

Linking to a heading in the same page in Hugo

Linking to another page in markdown in Hugo is easy: i.e. [Auntie Beeb](https://www.bbc.co.uk/) renders as Auntie Beeb - but when you want a link to a heading in the same page I can never remember, so this is a quick aide-memoire:

HTML

In HTML a relative link to an element in the same page looks like:

<!-- <a> element links to the section below -->
<p><a href="#Section_further_down">
  Jump to the heading below
</a></p>

<!-- Heading to link to -->
<h2 id="Section_further_down">Section further down</h2>

Hugo markdown

In Hugo to achieve the same effect:

<!-- <a> element links to the section below -->
[Jump to the heading below](#section-further-down)

<!-- Heading to link to -->
## Section further down

Articles

12 articles in total

Githubhack23: Vegaration or Visualising continuous integration using Github actions and vega-lite

Vegaration: Visualising continuous integration using Github actions and vega-lite

A no-tears guide to adding references in Groff

Sprechen sie GraphSQLite? Or querying data in a SQLite database using GraphQL and Apollo Server

Introducing vim-groff-viewer: A vim plugin for displaying Groff files in a document viewer

Look Ma, no Neovim plugin manager!

Étoile du jour: Deploying NASA's Astronomy Picture of the Day on Azure (Microsoft Azure Trial Hackathon)

Linking to a heading in the same page in Hugo

currently reading

Étoile du jour: Deploying a React Web App on the Microsoft Azure Cloud

A concrete Python 'Hello World' with the Neovim API

Groff and the art of letter writing

TiddlyWiki5, Raspberry Pi and Vim: A guide for the command line aficionado

Featured ones:

abubakersiddique761