From 608fe3bbe959042dd1d18ef7ca04256cb8d7ad27 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc=20P=C3=A4pper?= <m.paepper@lemundo.de>
Date: Tue, 19 Mar 2019 17:22:40 +0100
Subject: [PATCH] Added the possibility to add relative cover images

---
 README.md                    | 8 ++++++++
 layouts/_default/list.html   | 5 +++++
 layouts/_default/single.html | 5 +++++
 3 files changed, 18 insertions(+)

diff --git a/README.md b/README.md
index 1f542d8..26cca35 100644
--- a/README.md
+++ b/README.md
@@ -15,6 +15,7 @@ This theme is pretty basic and covers all of the essentials. All you have to do
 - [Code highlighting](#code-highlighting)
 - [How to start](#how-to-start)
 - [How to configure](#how-to-configure)
+* [How to add a cover image to your posts](#how-to-add-a-cover-image-to-your-posts)
 - [Add-ons](#add-ons)
 - [How to run your site](#how-to-run-your-site)
 - [How to edit the theme](#how-to-edit-the-theme)
@@ -123,6 +124,13 @@ to `config.toml` file in your Hugo root directory and change params fields. In c
 
 **NOTE:** Please keep in mind that currently main menu doesn't support nesting.
 
+## How to add a cover image to your posts
+
+Adding a cover image to your post is simple and there are two options:
+
+* Use `cover: "/path/to/absolute/img.jpg"` in your markdown file meta data to link an absolute image
+* Use `relcover: "img.jpg" to link the image relative to the blog post folder
+
 ## Add-ons
 
 - **Comments** — for adding comments to your blog posts please take a look at `layouts/partials/comments.html` https://github.com/panr/hugo-theme-terminal/blob/master/layouts/partials/comments.html.
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index eda29eb..cc21579 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -26,6 +26,11 @@
         </span>
       {{ end }}
 
+      {{ $permalink := .Permalink }}
+      {{ with .Params.RelCover }}
+        <img src="{{ (printf "%s%s" $permalink . ) }}" class="post-cover" />
+      {{ end }}
+
       {{ with .Params.Cover }}
         <img src="{{ . | absURL }}" class="post-cover" />
       {{ end }}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 5ab166f..0050a8c 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -20,6 +20,11 @@
         {{ end }}
       </span>
     {{ end }}
+    
+    {{ $permalink := .Permalink }}
+    {{ with .Params.RelCover }}
+      <img src="{{ (printf "%s%s" $permalink . ) }}" class="post-cover" />
+    {{ end }}
 
     {{ with .Params.Cover }}
       <img src="{{ . | absURL }}" class="post-cover" />