Change navi link to icon #13

exampleSite/config.toml

@@ -26,16 +26,24 @@ pygmentsUseClasses = false
 
 [[menu.main]]
     name = "Blog"
+    pre = "<i class='fa fa-book-open fa-lg'></i>"
     url = "/blog/"
+    weight = 10
 
 [[menu.main]]
     name = "Twitter"
+    pre = "<i class='fab fa-twitter fa-lg'></i>"
     url = "https://twitter.com/username"
+    weight = 20
 
 [[menu.main]]
     name = "GitHub"
+    pre = "<i class='fab fa-github fa-lg'></i>"
     url = "https://github.com/username"
+    weight = 30
 
 [[menu.main]]
     name = "Email"
+    pre = "<i class='fa fa-envelope fa-lg'></i>"
     url = "mailto:username@example.com"
+    weight = 40

layouts/index.html

@@ -21,7 +21,7 @@
         <nav>
           <ul>
             {{ range .Site.Menus.main }}
-            <li><a href="{{ .URL }}">{{ .Name }}</a></li>
+            <li><a href="{{ .URL }}">{{ .Pre }}</a></li>
             {{ end }}
           </ul>
         </nav>

layouts/partials/head.html

@@ -16,6 +16,7 @@
   <link rel="stylesheet" href="/css/style.css">
   <link rel="stylesheet" href="/css/markdown.css">
   <link rel="stylesheet" href="/css/syntax-highlight.css">
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
 
   <!-- custom css -->
   {{ range .Site.Params.custom_css }}