diff --git a/config.toml b/config.toml
index 2782fd9e2b8a44427abb7c96b6876900edfacdff..17d1c9654394378e6f2b3693feecca06538c6a63 100755
--- a/config.toml
+++ b/config.toml
@@ -22,7 +22,8 @@ taxonomies = [
 ]
 
 [slugify]
-paths = "on"
+paths = "safe"
+anchors = "on"
 
 [markdown]
 highlight_code = true
diff --git a/content/reference/_index.md b/content/reference/_index.md
index d54c3955e5a9a17f42dbaf5e681d346326a06511..f274e3c7ef4bbbda5d8816a2e5775a597217b396 100644
--- a/content/reference/_index.md
+++ b/content/reference/_index.md
@@ -3,4 +3,5 @@ title = "Reference"
 
 sort_by = "weight"
 weight = 3
+insert_anchor_links = "left"
 +++
diff --git a/sass/_article.scss b/sass/_article.scss
index 1ffa32db7965f4aa4b1616057a71473693dffb1e..5ea0ad5cf70235af618a88c59b5b84899dd1f23f 100644
--- a/sass/_article.scss
+++ b/sass/_article.scss
@@ -27,11 +27,13 @@ article {
   h2 {
     margin-top: 1.25rem;
     margin-bottom: 1.25rem;
-    &:hover::before {
+    &:hover{
+      a.anchors::before {
         content: '#';
         margin-right: 0.25rem;
         color: var(--green);
-    }
+      }
+   }
   }
   h3,
   h4,
@@ -176,6 +178,7 @@ nav.navigation {
   }
 }
 
+
 @media (max-width: 1000px) {
     article {
         padding-top: 2.5rem;
diff --git a/templates/anchor-link.html b/templates/anchor-link.html
new file mode 100644
index 0000000000000000000000000000000000000000..22e1e21115471b758ce16cc7198638e88e670550
--- /dev/null
+++ b/templates/anchor-link.html
@@ -0,0 +1 @@
+<a class = "anchors" href="#{{ id }}"></a>