diff --git a/layouts/partials/footer_custom.html b/layouts/partials/footer_custom.html
index dc5320b..b1b6aea 100644
--- a/layouts/partials/footer_custom.html
+++ b/layouts/partials/footer_custom.html
@@ -2,6 +2,7 @@
 If you want to include any custom html just before </body>, put it in this file.
 Or you can delete these file if you don't need it.
 -->
+<script src="{{ "js/links.js" | relURL }}"></script>
 <!-- for example, you could include some js libraries:
 <script src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.19.1/vis.js" integrity="sha256-HdIuWBZj4eftihsoDCJoMYjZi6aNVaw7YlUpzKT3ZxI=" crossorigin="anonymous"></script>
 -->
\ No newline at end of file
diff --git a/layouts/partials/head_custom.html b/layouts/partials/head_custom.html
index 77b1ef4..32068ed 100644
--- a/layouts/partials/head_custom.html
+++ b/layouts/partials/head_custom.html
@@ -13,6 +13,7 @@
 }
 </style>
 -->
+<link rel="stylesheet" href="{{ "css/links.css" | relURL }}" />
 <!-- or you could include some additional css libraries:
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.19.1/vis.css" integrity="sha256-I1UoFd33KHIydu88R9owFaQWzwkiZV4hXXug5aYaM28=" crossorigin="anonymous" />
 -->
\ No newline at end of file
diff --git a/static/css/links.css b/static/css/links.css
new file mode 100644
index 0000000..3277d84
--- /dev/null
+++ b/static/css/links.css
@@ -0,0 +1,5 @@
+.link-annot {
+  color: #808080;
+  font-size: 14px;
+  font-family: monospace;
+}
diff --git a/static/js/links.js b/static/js/links.js
new file mode 100644
index 0000000..90c6d4b
--- /dev/null
+++ b/static/js/links.js
@@ -0,0 +1,7 @@
+$(document).ready(function() {
+  $('.blog-post a').not('.share a').each(function() {
+      if (this.hostname != window.location.hostname) {
+          this.hostname && $(this).after(' <span class="link-annot">('+this.hostname+')</span>');
+      }
+  });
+});