CODEWITHSUNDEEP
githubmarkdown
TheEdge
TheEdge

Reputation: 9881

Is it possible to create a tool tip, info tip or hint in GitHub markdown?

I have a markdown (MD) page on GitHub in a public repository that I want to add some additional information when someone clicks on a hyperlink. Ideally something similair to Bootstrap's Popover.

Is this possible and if so how?

Upvotes: 23

Views: 15369

Answers (3)

Giorgos Xou
Giorgos Xou

Reputation: 2224

Not exactly a Bootstrap Popover but you can create simple "Tooltips" over links both here (on StackOverflow) and on GitHub, like so:

[Hover your mouse here to see the tooltip](https://stackoverflow.com/a/71729464/11465149 "This is a tooltip :)")

Hover your mouse here to see the tooltip

Besides links, on GitHub (only) you can also add "tooltips" to plain text like so:

[id1]: ## "your hover text"
This is a [hover text][id1] example.

This is a [hover text](## "your hover text") example.

^ source

Upvotes: 36

Mario Stevenson
Mario Stevenson

Reputation: 1

Not exactly. Surely this isn't web browser native... Chromium Android Mobile doesn't show the hover text. Could you post another answer in the feed for archived reference.

Upvotes: -1

VonC
VonC

Reputation: 1329092

Not directly with GitHub page, which only support GFM (GitHub Flavored Markdown Spec)

What you can do is use your GitHub repo with those mardown pages as sources for generating a static website (where you can add any additional information to the HTML code you are generating).
A static website generator like Hugo can help.
See "Using a static site generator other than Jekyll" for the process.

Upvotes: 4

Related Questions