automatic anchor links for headers

[vapier]

github automatically generates links for all headers in markdown files. the themes should too.

for example, viewing this repo:
https://github.com/pages-themes/hacker
if you mouse over "The Hacker theme" or "Usage", a little link shows up for easy clicking/copying.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[vapier]

the request is still relevant. does this project accept FRs ?

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[PsychoData]

I believe this theme already adds these headerlinks to the headers from github (or at least possibly keeps them from the Github page? I'm not certain)

On Github, the headers automatically get a link image that appears when you hover over it, which is useful to right-click and copy the link address directly to that section

On this theme's pages, it seems like the anchors are already created, and if you manually find them and create a link to them, they work, like this
https://msportals.xyz/#azure-it-admin-portals

Could we possibly add something to let you copy the links directly to a section/header more easily?
It looks like AnchorJS might work, but I am not certain how to integrate it into the theme

[vapier]

the request was about the UI side of things which the theme doesn't do

[PsychoData]

Oh? I thought that since this theme has the anchors created, but other themes don't, that the theme or something it was using is what was creating the anchors

any idea what might be creating the anchors? Since they are already there once I add the theme, I don't think that trying to recreate them again with AnchorJS like I mentioned above would work correctly, since they would be conflicting

[PsychoData]

wait, I had a bad file - if I remove the Hacker Theme, then my site looks like this and has working header clickable links

and the code looks like this, so I'm not sure where the whole <a> element goes once the theme is enabled, but the same anchor appears in the header element directly instead

[vapier]

those pictures aren't using the hacker theme. see this page as an example of missing UI elements:
https://vapier.github.io/nosig/

[PsychoData]

That's my point though, when I remove the theme, the automatic clickable links are there

but when the Hacker theme is added back, they are gone

[vapier]

well, sure, the default theme has the clickable links. that's why this issue is filed against the hacker theme which lacks them.