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"}
Live Link: Short Cut ( Relative ) Anchor
Putting it all together yields the following Live rendition …
Subtitle
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].
- How To Convert an Html Site To Jekyll. Published by © 2017 Jekyllrb.com.
Support
Please support the co-workers who aggregate the Source Links for our projects.
Patreon
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.