Include <base> elements early in <head>

da2x · da2x · commit 465fa43292e7 · 2015-08-02T01:22:02.000+02:00
For use with troublesome /double//slashed paths and dynamic addresses.
diff --git a/CHANGES.txt b/CHANGES.txt
@@ -9,6 +9,7 @@ Features
 Bugfixes
 --------
 
+* <base href> resolve common relative resource loading issues
 * Handle non-integer shutter speeds and other variables in WordPress
   importer (Issue #1917)
 
diff --git a/nikola/data/themes/base-jinja/templates/base_helper.tmpl b/nikola/data/themes/base-jinja/templates/base_helper.tmpl
@@ -21,10 +21,12 @@ dir="rtl"
 lang="{{ lang }}">
 <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width">
+    <base href="{{ abs_link(permalink) }}">
+
     {% if description %}
     <meta name="description" content="{{ description }}">
     {% endif %}
-    <meta name="viewport" content="width=device-width">
     <title>{{ title|e }} | {{ blog_title|e }}</title>
 
     {{ html_stylesheets() }}
diff --git a/nikola/data/themes/base/templates/base_helper.tmpl b/nikola/data/themes/base/templates/base_helper.tmpl
@@ -21,10 +21,12 @@ dir="rtl" \
 lang="${lang}">
 <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width">
+    <base href="{{ abs_link(permalink) }}">
+
     %if description:
     <meta name="description" content="${description}">
     %endif
-    <meta name="viewport" content="width=device-width">
     <title>${title|striphtml} | ${blog_title|striphtml}</title>
 
     ${html_stylesheets()}
diff --git a/nikola/data/themes/bootstrap3-jinja/templates/base_helper.tmpl b/nikola/data/themes/bootstrap3-jinja/templates/base_helper.tmpl
@@ -26,10 +26,12 @@ dir="rtl"
 lang="{{ lang }}">
     <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <base href="{{ abs_link(permalink) }}">
+
     {% if description %}
     <meta name="description" content="{{ description }}">
     {% endif %}
-    <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>{{ title|e }} | {{ blog_title|e }}</title>
 
     {{ html_stylesheets() }}
diff --git a/nikola/data/themes/bootstrap3/templates/base_helper.tmpl b/nikola/data/themes/bootstrap3/templates/base_helper.tmpl
@@ -26,10 +26,12 @@ dir="rtl" \
 lang="${lang}">
     <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <base href="{{ abs_link(permalink) }}">
+
     %if description:
     <meta name="description" content="${description}">
     %endif
-    <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>${title|striphtml} | ${blog_title|striphtml}</title>
 
     ${html_stylesheets()}
