diff --git a/templates/base.html b/templates/base.html
index 0c38af8..fad48c1 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -5,8 +5,8 @@
         <meta charset="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <title>{% block title %}Hazelnut{% endblock title %}</title>
-        <link rel="stylesheet" href="style.css" />
-        <link rel="icon" href="favicon.png" />
+        <link rel="stylesheet" href="{{ get_url(path="style.css") }}" />
+        <link rel="icon" href="{{ get_url(path="favicon.png") }}" />
         {% endblock head %}
     </head>
     <body>
diff --git a/templates/page.html b/templates/page.html
index bd4ecd3..25a1259 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -7,12 +7,12 @@
 <ul>
 {% for h1 in page.toc %}
     <li>
-        <a class="internal" href="{{ h1.permalink | replace(from="/#", to="#") }}">{{ h1.title }}</a>
+        <a class="internal" href="{{ h1.permalink | safe }}">{{ h1.title }}</a>
         {% if h1.children %}
             <ul>
                 {% for h2 in h1.children %}
                     <li>
-                        <a class="internal" href="{{ h2.permalink | replace(from="/#", to="#") }}">{{ h2.title }}</a>
+                        <a class="internal" href="{{ h2.permalink | safe }}">{{ h2.title }}</a>
                     </li>
                 {% endfor %}
             </ul>
