Add possibility to set up your own logotype in config

exampleSite/config.toml

@@ -8,6 +8,10 @@ paginate = 5
 [params]
   subtitle = "A simple theme for Hugo"
 
+# [params.logo]
+#   path = "/img/your-example-logo.svg"
+#   alt = "your_example_logo"
+
 [menu]
   [[menu.main]]
     identifier = "about"

layouts/partials/logo.html

@@ -1,7 +1,11 @@
 <a href="{{ .Site.BaseURL }}" style="text-decoration: none;">
   <div class="logo">
-    <span class="logo__mark">></span>
+    {{ if .Site.Params.Logo }}
-    <span class="logo__text">hello friend</span>
+      <img src="{{ .Site.Params.Logo.path }}" alt="{{ .Site.Params.Logo.alt }}" />
-    <span class="logo__cursor"></span>
+    {{ else }}
+      <span class="logo__mark">></span>
+      <span class="logo__text">hello friend</span>
+      <span class="logo__cursor"></span>
+    {{ end }}
   </div>
 </a>

source/css/logo.css

@@ -3,6 +3,10 @@
   align-items: center;
   text-decoration: none;
 
+  img {
+    height: 44px;
+  }
+
   &__mark {
     margin-right: 5px;
   }