Merge pull request #13 from Wolf2323/externalLinkIcons

fixed external link icons

Author: Wolf2323

docs/_custom_theme/externalLinkIcon.html

@@ -0,0 +1,15 @@
+body .md-content__inner a.external-link:not(.md-button,.noExternalLinkIcon) {
+  background-image: url("/_media/content/linkExternalWhite.svg");
+  background-repeat: no-repeat;
+  background-position: top right;
+  padding-right: 0.7em;
+  background-size: 0.6em;
+
+  &[data-md-color-scheme="slate"] {
+    background-image: url("/_media/content/linkExternalDark.svg");
+  }
+
+  &:hover {
+    background-image: url("/_media/content/linkExternalHover.svg");
+  }
+}

docs/_media/content/linkExternalDark.svg

@@ -0,0 +1,10 @@
+const currentDomain = window.location.origin;
+const links = document.querySelectorAll(".md-content__inner a");
+console.log("currentDomain: ", currentDomain);
+
+links.forEach(link => {
+  const href = link.href;
+  if (!href.startsWith(currentDomain)) {
+    link.classList.add("external-link");
+  }
+});

docs/_media/content/linkExternalHover.svg

@@ -11,11 +11,13 @@ extra_css:
   - '_webCode/css/contentAreaFullWidth.css'
   - '_webCode/css/coloredIcons.css'
   - '_webCode/css/mermaidCentered.css'
+  - '_webCode/css/externalLinkIcon.css'
 
 extra_javascript:
   - '_webCode/js/copyLinkToClipboard.js'
   - '_webCode/js/copyrightYearUpdater.js'
   - '_webCode/js/mathjax.js'
+  - '_webCode/js/externalLinkIcon.js'
   - https://polyfill.io/v3/polyfill.min.js?features=es6
   - https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js