Dynamic menu

.github/workflows/hugo.yaml

@@ -57,7 +57,7 @@ jobs:
           hugo \
             --gc \
             --minify \
-            --baseURL "${{ steps.pages.outputs.base_url }}/personal-website/"
+            --baseURL "${{ steps.pages.outputs.base_url }}/"
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v2
         with:

hugo.toml

@@ -1,3 +1,24 @@
 baseURL = 'http://hazemkrimi.tech/'
 languageCode = 'en-us'
 title = 'Hazem Krimi'
+[menu]
+    [[menu.main]]
+        name = 'Home'
+        url = '/'
+        weight = 1
+    [[menu.main]]
+        name = 'About'
+        url = '/about'
+        weight = 2
+    [[menu.main]]
+        name = 'Projects'
+        url = '/projects'
+        weight = 3
+    [[menu.main]]
+        name = 'Blog'
+        url = '/blog'
+        weight = 4
+    [[menu.main]]
+        name = 'Contact'
+        url = '/contact'
+        weight = 5

layouts/partials/header.html

@@ -24,11 +24,9 @@
     <h3>Hazem Krimi</h3>
   </div>
   <div id="menus">
-    <a href="/">Home</a>
+    {{ range site.Menus.main.Sort.ByWeight }}
-    <a href="/about">About</a>
+      <a {{ printf "href=%q" .URL | safeHTMLAttr }}>{{ .Name }}</a>
-    <a href="/projects">Projects</a>
+    {{ end }}
-    <a href="/blog">Blog</a>
-    <a href="/contact">Contact</a>
   </div>
   <div id="links">
     <a href="https://www.linkedin.com/in/hazemkrimi" target="_blank"> {{ readFile "assets/icons/linkedin.svg" | safeHTML }} </a>