From be30a47555871dbe95511071209d30b9ecb3f572 Mon Sep 17 00:00:00 2001
From: Nick White <git@njw.name>
Date: Fri, 31 Jan 2020 16:50:03 +0000
Subject: [PATCH] Add the option to use a logo for the top left site title
---
layouts/partials/site-navigation.html | 4 ++++
README.md | 10 ++++++++++
2 files changed, 14 insertions(+), 0 deletions(-)
diff --git a/README.md b/README.md
index 673539b..d72c86f 100644
--- a/README.md
+++ b/README.md
@@ -139,6 +139,16 @@
If you add a key of `show_reading_time` true to either the Config Params, a page or section's front matter, articles will show the reading time and word count.
+### Logo
+
+You can replace the title of your site in the top left corner of each page with your own logo. To do that put your own logo into the `static` directory of your website, and add the `logo` parameter to the site params in your config file. For example:
+
+```
+[params]
+ logo = "img/logo.svg"
+```
+
+
### Nearly finished
In order to see your site in action, run Hugo's built-in local server.
diff --git a/layouts/partials/site-navigation.html b/layouts/partials/site-navigation.html
index d1f31da..022a48d 100644
--- a/layouts/partials/site-navigation.html
+++ b/layouts/partials/site-navigation.html
@@ -1,7 +1,11 @@
<nav class="pv3 ph3 ph4-ns" role="navigation">
<div class="flex-l justify-between items-center center">
<a href="{{ .Site.BaseURL }}" class="f3 fw2 hover-white no-underline white-90 dib">
+ {{ if .Site.Params.Logo }}
+ <img src="{{ .Site.Params.Logo | relURL }}" alt="{{ .Site.Title }}" />
+ {{ else }}
{{ .Site.Title }}
+ {{ end }}
</a>
<div class="flex-l items-center">
{{ partial "i18nlist.html" . }}
--
Gitblit v1.10.0