use liquid veriable site.baseurl for assets to load

Author: ShubhamOulkar

_includes/head.html

@@ -2,48 +2,28 @@
     <title>{{ page.title }}</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link 
-        rel="preload" 
-        href="/fonts/open-sans/woff2/open-sans-latin-wght-normal.woff2"
-        as="font" 
-        type="font/woff2" 
-        crossorigin 
-    />
-    <link 
-        rel="preload" 
-        href="/fonts/open-sans/woff2/open-sans-latin-wght-italic.woff2" 
-        as="font" 
-        type="font/woff2" 
-        crossorigin 
-    />
-    <link
-        href="/fonts/open-sans/woff/OpenSans.woff"
-        as="font"
-        type="font/woff"
-        crossorigin
-    />
-    <link
-        href="/fonts/open-sans/woff/OpenSans-Italic.woff"
-        as="font"
-        type="font/woff"
-        crossorigin
-    />
-    <link rel="stylesheet" href="/fonts/open-sans/fonts.css" />
-    <link rel="icon" type="image/png" href="/images/favicon.png" />
-    <script data-cfasync="false" src="/js/theme.js"></script>
-    <link rel="stylesheet" href="/css/variables.css?_={{ site.time | date: '%s' }}">
-    <link rel="stylesheet" href="/css/themes/dark-theme.css?_={{ site.time | date: '%s' }}">
-    <link rel="stylesheet" href="/css/style.css?_={{ site.time | date: '%s' }}">
-    <link rel="stylesheet" href="/css/sintax.css?_={{ site.time | date: '%s' }}">
-    <link rel="stylesheet" href="/css/langs/{{ page.lang }}.css">
+    <link rel="preload" href="{{ site.baseurl }}/fonts/open-sans/woff2/open-sans-latin-wght-normal.woff2" as="font"
+        type="font/woff2" crossorigin />
+    <link rel="preload" href="{{ site.baseurl }}/fonts/open-sans/woff2/open-sans-latin-wght-italic.woff2" as="font"
+        type="font/woff2" crossorigin />
+    <link href="{{ site.baseurl }}/fonts/open-sans/woff/OpenSans.woff" as="font" type="font/woff" crossorigin />
+    <link href="{{ site.baseurl }}/fonts/open-sans/woff/OpenSans-Italic.woff" as="font" type="font/woff" crossorigin />
+    <link rel="stylesheet" href="{{ site.baseurl }}/fonts/open-sans/fonts.css" />
+    <link rel="icon" type="image/png" href="{{ site.baseurl }}/images/favicon.png" />
+    <script data-cfasync="false" src="{{ site.baseurl }}/js/theme.js"></script>
+    <link rel="stylesheet" href="{{ site.baseurl }}/css/variables.css?_={{ site.time | date: '%s' }}">
+    <link rel="stylesheet" href="{{ site.baseurl }}/css/themes/dark-theme.css?_={{ site.time | date: '%s' }}">
+    <link rel="stylesheet" href="{{ site.baseurl }}/css/style.css?_={{ site.time | date: '%s' }}">
+    <link rel="stylesheet" href="{{ site.baseurl }}/css/sintax.css?_={{ site.time | date: '%s' }}">
+    <link rel="stylesheet" href="{{ site.baseurl }}/css/langs/{{ page.lang }}.css">
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     <meta name="description" content="{{page.description}}">
     <meta property="og:url" content="https://expressjs.com{{page.url}}">
     {% if page.authors %}
-        <meta property="og:type" content="article">
-        {%- for author in page.authors %}
-            <meta property="og:article:author" content="{{author.name}}">
-        {%- endfor %}
+    <meta property="og:type" content="article">
+    {%- for author in page.authors %}
+    <meta property="og:article:author" content="{{author.name}}">
+    {%- endfor %}
     {% else %}
     <meta property="og:type" content="website">
     {% endif %}
@@ -64,10 +44,11 @@
     {% else %}
     <meta property="twitter:image" content="https://expressjs.com/images/og.png">
     {% endif %}
-    <script data-cfasync="false" defer src="/js/app.js"></script>
-    <script data-cfasync="false" defer src="/js/menu.js"></script>
-    <script data-cfasync="false" defer src="/js/copycode.js"></script>
+    <script data-cfasync="false" defer src="{{ site.baseurl }}/js/app.js"></script>
+    <script data-cfasync="false" defer src="{{ site.baseurl }}/js/menu.js"></script>
+    <script data-cfasync="false" defer src="{{ site.baseurl }}/js/copycode.js"></script>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
-    <link rel="alternate" type="application/atom+xml" href="/feed.xml" title="Express Blog" />
-    <link rel="alternate" type="application/atom+xml" href="/vulnerabilities.xml" title="Express Vulnerabilities" />
+    <link rel="alternate" type="application/atom+xml" href="{{ site.baseurl }}/feed.xml" title="Express Blog" />
+    <link rel="alternate" type="application/atom+xml" href="{{ site.baseurl }}/vulnerabilities.xml"
+        title="Express Vulnerabilities" />
 </head>