← All examples

Mark external links with an arrow

Appends a small arrow to Markdown content links that lead away from the github.com domain.

Code to copy

// Mark links that leave github.com with an arrow
document.querySelectorAll('.markdown-body a[href^="http"]').forEach(function (a) {
  if (!/(^|\.)github\.com$/.test(a.hostname) && !a.dataset.jzExt) {
    a.dataset.jzExt = '1';
    a.textContent += ' ↗';
  }
});

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's JavaScript panel and save — it runs on every page visit.