Relative Anchors | Table O Contents

How to craft an internal Anchor Link in Markdown with Liquid …

Note. The Flammarion Logo Badge in the page header above is an .svg image file set to the dimensions of 5% width, auto height, and zoom. Go ahead and test the zoom-out feature by hovering over the badge to engage the expansion of the image.

First Subtitle

Hint. Place the intro paragraph ie.) the ‘hypothesis’ here …

More to come …

Targeting SubTitles

If you wish to target a certain heading or sub-heading within a page at landing time, simply append the designated pathway with a sharp symbol # followed by the Location ID of the selected heading or sub-heading, as follows:

Finale Anchor

The Code: Short Cut ( Relative ) Anchor

[Liquid Lessons Project]({{ "/pages/Craft-A-Link#Long Cut Links" | relative_url }}){:target="_blank"}

Putting it all together yields the following Live rendition …

Liquid Lessons Project


Place the introducing line of text ie.) the ‘tagline’ here …

Another Example

Taking the code of our already completed long-cut external hyperlink from the beginning of this tutorial …

See: Long Cut Links ), we may now inject our Liquid moustache statement into the mix, as follows:

Last Subtitle

More to come …

Note. The above synopsis was derived from an article written by Jekyll RB [1].

  1. How To Convert an Html Site To Jekyll. Published by © 2017


Please support the co-workers who aggregate the Source Links for our projects.


Like what you see in this project? If so, then support the authors and machine-elves who aggregate the source links and pages for our projects via Patreon.