obsidian-plugin/jamiebrynes7_obsidian-hover-external-link
1
0
Fork 0
mirror of https://github.com/jamiebrynes7/obsidian-hover-external-link.git synced 2026-07-22 05:50:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
No description
3 commits 1 branch 1 tag 34 KiB
CSS 60.2%
JavaScript 21.4%
TypeScript 18.4%
Find a file
Jamie Brynes 07bc103efa
Create LICENSE
2021-08-23 22:45:43 +01:00
.github initial commit 2021-08-23 22:32:07 +01:00
src initial commit 2021-08-23 22:32:07 +01:00
.gitignore initial commit 2021-08-23 22:32:07 +01:00
LICENSE Create LICENSE 2021-08-23 22:45:43 +01:00
manifest.json initial commit 2021-08-23 22:32:07 +01:00
package.json initial commit 2021-08-23 22:32:07 +01:00
README.md Update README.md 2021-08-23 22:42:36 +01:00
rollup.config.js initial commit 2021-08-23 22:32:07 +01:00
styles.css initial commit 2021-08-23 22:32:07 +01:00
tsconfig.json initial commit 2021-08-23 22:32:07 +01:00

README.md

Hover External Link Obsidian Plugin

An Obsidian plugin that adds hover URL previews to external links in your rendered Markdown.

Demo

https://user-images.githubusercontent.com/13353733/130523291-99b6c6c3-24f4-4729-b9ba-e4df464f0e65.mp4

Installation

From in Obsidian

🚧 Coming Soon! 🚧

Manually

  1. Download main.js, manifest.json, and styles.css from the latest release.
  2. Place them in <vault>/.obsidian/plugins/hover-external-link/ folder (you'll need to create this).

Usage

This plugin will add on-hover tooltips to all external links if the text of the link is not the same as the URL. This only works in the preview mode.

This link will have a hover tooltip: [Google](www.google.com). 

This link won't: [www.google.com](www.google.com).

Customization

This plugin exposes two CSS variables that you can use to set the tooltip background and text color.

.theme-light {
  --link-tooltip-background: #333;
  --link-tooltip-text: #fff;
}

.theme-dark {
  --link-tooltip-background: #ccc;
  --link-tooltip-text: #000;
}