Footnotes in Quarto

You can easily write a footnote in the Quarto framework.

Introduction

I learned how to make footnotes in Quarto, and to display them in a cool way! Hover over the this footnote¹.

How I Did It

In your _quarto.yml file, indicate that you want footnotes to appear on hover:

_quarto.yml

format:
  html:
    footnotes-hover: true

Then make footenotes, like this:

Lorem ipsum dolor sit amet, consectetur 
adipiscing elit.[^2]Nullam pulvinar sem 
quis maximus condimentum. 
Aliquam volutpat velit arcu, 
ut blandit erat 
iaculis quis.[^3]

[^2]: Here is a footnote.

[^3]: Here is the next footnote.

They will appear as desired:

Lorem ipsum dolor sit amet, consectetur adipiscing elit.² Nullam pulvinar sem quis maximus condimentum. Aliquam volutpat velit arcu, ut blandit erat iaculis quis.³

References

• Quarto Reference Popups
• Quarto Footnotes

Footnotes

1. Ta-da, here I am, a footnote! (You can also find me at the bottom of the page.)

2. Here is a footnote.

3. Here is the next footnote.