Click, click, click!
It's great that Markdig is automatically creating those anchor points in the HTML that is rendered, however, they are not exactly discoverable. If you look at what happens on a GitHub wiki that renders Markdown, you will see that it comes up with this really nice icon on hovering over the link:
Clicking on this icon navigates directly to the header, and makes it really easy to share that link with other people.
I want to do this do!
When I write a blog post, I typically break the post into a number of sections, and I wanted to be able to do the same thing here. So, I asked the question in the Wyam Gitter Room and almost immediately I got a response from Dave Glick:
There is - in fact strongly considering adding this and code block copy buttons to the themes (it's all frontend JS stuff) - here's the two libraries I like the best: https://github.com/bryanbraun/anchorjs (for anchor links) and https://github.com/zenorocha/clipboard.js (for clipboard copying) Adding them to your own site would just be a matter of putting the appropriate JS in the _Scripts.cshtml file
With this information in hand, I set about adding it to my blog. The only addition that was required was the following in my
In order to match what GitHub does, I have explicitly set the
placement property to appear on the left of the header. The default is to have it appear on the right of the header.
The end result of this
hard work can be seen here:
an easily discoverable way to link to section headers.
Sounds like Dave is planning on adding this functionality to the default Blog Recipe for Wyam, so at some point it is likely that you will not need to do the above, it should just happen auto-magically, but for now, I am more than happy with the end result.comments powered by Disqus