mirror of
https://github.com/thomasjsn/hugo-theme-hello-friend.git
synced 2024-11-14 12:25:07 +01:00
Add coverCaption param to post frontmatter
This commit is contained in:
parent
149fb37220
commit
d4d477e3b6
@ -188,6 +188,7 @@ Adding a cover image to your post is simple and there are two options when you e
|
|||||||
* Resulting in `https://www.yourpage.com/path/to/absolute/img.jpg`
|
* Resulting in `https://www.yourpage.com/path/to/absolute/img.jpg`
|
||||||
* Use `cover = "img.jpg"` and `useRelativeCover = true` to link the image relative to the blog post folder
|
* Use `cover = "img.jpg"` and `useRelativeCover = true` to link the image relative to the blog post folder
|
||||||
* Resulting in `https://www.yourpage.com/posts/blog-entry-xy/img.jpg`
|
* Resulting in `https://www.yourpage.com/posts/blog-entry-xy/img.jpg`
|
||||||
|
* Use `coverCaption = "Image Credit to [Barry Bluejeans](https://unsplash.com/)"` to add a caption for the cover image.
|
||||||
|
|
||||||
## How to display the Last Modified Date in your posts
|
## How to display the Last Modified Date in your posts
|
||||||
|
|
||||||
|
@ -32,11 +32,17 @@
|
|||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
{{ if .Params.Cover }}
|
{{ if .Params.Cover }}
|
||||||
{{ if .Params.UseRelativeCover }}
|
<figure class="post-cover">
|
||||||
<img src="{{ (printf "%s%s" .Permalink .Params.Cover ) }}" class="post-cover" />
|
{{ if .Params.UseRelativeCover }}
|
||||||
{{ else }}
|
<img src="{{ (printf "%s%s" .Permalink .Params.Cover ) }}" />
|
||||||
<img src="{{ .Params.Cover | absURL }}" class="post-cover" />
|
{{ else }}
|
||||||
{{ end }}
|
<img src="{{ .Params.Cover | absURL }}" />
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
{{ if .Params.CoverCaption }}
|
||||||
|
<figcaption class="center">{{ .Params.CoverCaption | markdownify }}</figcaption>
|
||||||
|
{{ end }}
|
||||||
|
</figure>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
<div class="post-content">
|
<div class="post-content">
|
||||||
|
@ -55,7 +55,10 @@
|
|||||||
margin: 40px -50px;
|
margin: 40px -50px;
|
||||||
width: 860px;
|
width: 860px;
|
||||||
max-width: 860px;
|
max-width: 860px;
|
||||||
box-shadow: 0 12px 40px rgba(0, 0, 0, .15);
|
|
||||||
|
img {
|
||||||
|
box-shadow: 0 12px 40px rgba(0, 0, 0, .15);
|
||||||
|
}
|
||||||
|
|
||||||
@media (--tablet) {
|
@media (--tablet) {
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user