diff --git a/templates/macros/macros.html b/templates/macros/macros.html
index 67e2836..b3b41cb 100644
--- a/templates/macros/macros.html
+++ b/templates/macros/macros.html
@@ -3,7 +3,7 @@
   {%- for page in pages %}
   <section class="list-item">
     <h1 class="title text-peach">
-      <a href={{ page.permalink }}>{{page.title}}</a>
+      <a href={{ page.permalink | safe }}>{{page.title}}</a>
     </h1>
 
     <div class="meta">
@@ -27,7 +27,7 @@
     </div>
 
     {% if not hide_read_more %}
-    <a class="readmore text-peach" href={{ page.permalink }}>Read more ⟶</a>
+    <a class="readmore text-peach" href={{ page.permalink | safe }}>Read more ⟶</a>
     {% endif %}
   </section>
 
diff --git a/templates/macros/prev.html b/templates/macros/prev.html
index 2759314..08ba6bb 100644
--- a/templates/macros/prev.html
+++ b/templates/macros/prev.html
@@ -1,10 +1,10 @@
 
 {% macro page_back_link(page) %}
 {% set top_section = get_section(path=page.ancestors | last) %}
-<a class="previous" href="{{ top_section.permalink }}">‹ back</a>
+<a class="previous" href="{{ top_section.permalink | safe }}">‹ back</a>
 {% endmacro page_back_link %}
 
 {% macro section_back_link(section) %}
 {% set top_section = get_section(path=section.ancestors | last) %}
-<a class="previous" href="{{ top_section.permalink }}">‹ back</a>
+<a class="previous" href="{{ top_section.permalink | safe }}">‹ back</a>
 {% endmacro section_back_link %}
diff --git a/templates/page.html b/templates/page.html
index 254a4fd..f862564 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -2,7 +2,7 @@
 
 
 {% block extra_head %}
-<link rel="canonical" href="{{ page.permalink }}">
+<link rel="canonical" href="{{ page.permalink | safe }}">
 {% endblock extra_head %}
 
 {% block title %}
@@ -30,10 +30,10 @@
 {% if page.lower or page.higher %}
     <div class="flex place-content-around max-w-lg mx-auto">
         {% if page.lower %}
-            <a class="previous" href="{{ page.lower.permalink }}">‹ {{ page.lower.title }}</a>
+            <a class="previous" href="{{ page.lower.permalink | safe }}">‹ {{ page.lower.title }}</a>
         {% endif %}
         {% if page.higher %}
-            <a class="next" href="{{ page.higher.permalink }}">{{ page.higher.title }} ›</a>
+            <a class="next" href="{{ page.higher.permalink | safe }}">{{ page.higher.title }} ›</a>
         {% endif %}
     </div>
 {% endif %}