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 @@ {{ end }} + {{ $permalink := .Permalink }} + {{ with .Params.RelCover }} + + {{ end }} + {{ with .Params.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 }} {{ end }} + + {{ $permalink := .Permalink }} + {{ with .Params.RelCover }} + + {{ end }} {{ with .Params.Cover }}