diff --git a/assets/css/common/post-single.css b/assets/css/common/post-single.css
index 486ad36e4f..4b20019bfd 100644
--- a/assets/css/common/post-single.css
+++ b/assets/css/common/post-single.css
@@ -82,6 +82,46 @@
     box-shadow: 0 -1px 0 var(--primary) inset;
 }
 
+.post-content a.external-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+}
+
+.post-content a.external-link::after {
+  content: "";
+  display: inline-block;
+  clip-path: polygon(
+    60% 5%,
+    60% 0%,
+    100% 0%,
+    100% 5%,
+    100% 40%,
+    94.98% 40%,
+    94.98% 5%,
+    94.98% 9.59%,
+    42.41% 59.2%,
+    38.1% 54.64%,
+    90.7% 5%,
+    60% 5%,
+    50% 8%,
+    13% 8%,
+    8% 8%,
+    8% 92%,
+    92% 92%,
+    92% 50%,
+    87% 50%,
+    87% 87%,
+    13% 87%,
+    13% 13%,
+    50% 13%,
+    50% 8%
+  );
+  background-color: var(--primary);
+  width: 18px;
+  height: 18px;
+}
+
 .post-content del {
     text-decoration: line-through;
 }
diff --git a/layouts/_default/_markup/render-link.html b/layouts/_default/_markup/render-link.html
new file mode 100644
index 0000000000..c844d10c1d
--- /dev/null
+++ b/layouts/_default/_markup/render-link.html
@@ -0,0 +1,5 @@
+<a href="{{ .Destination | safeURL }}"{{ with .Title}} title="{{ . }}"{{ end }}
+   {{ if strings.HasPrefix .Destination "http" }} rel="noopener"{{ end }}
+   {{ if and site.Params.ExternalLinksIcon (strings.HasPrefix .Destination "http") }} class="external-link"{{ end }}
+   {{ if and site.Params.ExternalLinksNewTab (strings.HasPrefix .Destination "http") }} target="_blank"{{ end }}
+>{{ .Text }}</a>