Eleventy Satisfactory

How to post links to another post or an external site

Various ways to post links to other posts in the same blog, and external links too.

Link to another post by its file name

This is a local editor friendly way, just link straight to the Markdown file.
If the link ends with .md, the renderer will try to find and convert it to the matching output URL.

[Link using Markdown path](./customary-lorem-ipsum.md)

Produces:

Link using Markdown path

You can also link to an anchor in the target file.

[Link using Markdown path and heading anchor](./customary-lorem-ipsum.md#tincidunt-arcu-non-sodales)

Produces:

Link using Markdown path and heading anchor

Sorry, these ‘direct to .md’ links don’t work inside shortcodes, such as notice and figure.
Use the normal method below for those.

Link to another post by URL

You can also link to the output URL of the post. The blog’s pathPrefix gets added on automatically. Remember to include the trailing slash.

[Link using root-relative URL](/customary-lorem-ipsum/)

Produces:

Link using root-relative URL

[External link](https://example.com)

Produces:

External link

[Link with a title](https://example.com "title text!")

Produces:

Link with a title

Buttons

It’s also possible to use a button as a link.

{% button "Button with a link", "/" %}

Produces: