feat: add $BASE_URL support in url

config.toml

@@ -1,5 +1,5 @@
 # The base URL of the site; the only required configuration variable.
-base_url = "https://st1020.github.io/kita/"
+base_url = "https://st1020.github.io/kita"
 
 # The site title and description; used in feeds by default.
 title = "Kita"
@@ -74,23 +74,23 @@ url = "https://github.com/st1020/kita"
 
 [[extra.profile.social]]
 name = "rss"
-url = "/atom.xml"
+url = "$BASE_URL/atom.xml"
 
 [[extra.menu]]
 name = "Projects"
-url = "/projects"
+url = "$BASE_URL/projects"
 
 [[extra.menu]]
 name = "Archive"
-url = "/archive"
+url = "$BASE_URL/archive"
 
 [[extra.menu]]
 name = "Tags"
-url = "/tags"
+url = "$BASE_URL/tags"
 
 [[extra.menu]]
 name = "About"
-url = "/about"
+url = "$BASE_URL/about"
 
 [extra.footer]
 since = 2020

templates/index.html

@@ -38,7 +38,7 @@
             <a
               class="primary-link h-8 w-8 text-[0] [background:var(--url)_center_center/cover_no-repeat]"
               style="--url: url(./icons/{{ social.name }}.svg)"
-              href="{{ social.url }}"
+              href="{{ social.url | replace(from=`$BASE_URL`, to=config.base_url) | safe  }}"
               target="_blank"
               rel="{% if social.name == `rss` %}alternate{% else %}me{% endif %}"
             >

templates/partials/header.html

@@ -67,7 +67,7 @@
         <li>
           <a
             class="primary-link block py-2 text-center text-lg font-medium lg:px-3 lg:py-0"
-            href="{{ menu.url }}"
+            href="{{ menu.url | replace(from=`$BASE_URL`, to=config.base_url) | safe }}"
             >{{ menu.name }}</a
           >
         </li>

templates/projects.html

@@ -18,7 +18,12 @@
       </div>
       <div class="flex gap-x-2">
         {% for link in project.links %}
-        <a class="underline" href="{{ link.url }}" target="_blank">{{ link.name }}</a>
+        <a
+          class="underline"
+          href="{{ link.url | replace(from=`$BASE_URL`, to=config.base_url) | safe  }}"
+          target="_blank"
+          >{{ link.name }}</a
+        >
         {% endfor %}
       </div>
     </div>