Layout: Header Image (Vertical)
This post should display a header image, if the theme supports it.
Non-square images can provide some unique styling issues.
This post tests a vertical header image.
Layout: Header Image and Text Readability
This is a sample post with a large feature image1 up top and tons of text. Odio ad blue bottle vinyl, 90’s narwhal commodo bitters pour-over nostrud. Ugh est hashtag in, fingerstache adipisicing laboris esse Pinterest shabby chic Portland. Shoreditch bicycle rights anim, flexitarian laboris put a bird on it vinyl cupidatat narwhal. Hashtag artisan skateboard, flannel Bushwick nesciunt salvia aute fixie do plaid post-ironic dolor McSweeney’s. Cliche pour-over chambray nulla four loko skateboard sapiente hashtag.
Layout: Header Image Overlay
This post should display a header with an overlay image, if the theme supports it.
Non-square images can provide some unique styling issues.
This post tests overlay header images.
Overlay filter
You can use it by specifying the opacity (between 0 and 1) of a black overlay like so:

excerpt: "This post should [...]"
header:
overlay_image: /assets/images/unsplash-image-1.jpg
overlay_filter: 0.5 # same as adding an opacity of 0.5 to a black background
caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
actions:
- label: "More Info"
url: "https://unsplash.com"
Or if you want to do more fancy things, go full rgba:
Layout: Header Image Overlay with Custom Tagline
This post should display a header with an overlay image and custom tagline, if the theme supports it.
Non-square images can provide some unique styling issues.
This post tests overlay header images with custom page.tagline
.
tagline: "This is a custom tagline content which overrides the default page excerpt."
header:
overlay_image: /assets/images/unsplash-image-1.jpg
caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
Layout: Header Overlay with Background Fill
This post should display a header with a solid background color, if the theme supports it.
Non-square images can provide some unique styling issues.
This post tests overlay headers.
Layout: Header Video
This post should display a header with a responsive video, if the theme supports it.
Settings
Parameter | Required | Description |
---|---|---|
id |
Required | ID of the video |
provider |
Required | Hosting provider of the video, either youtube or vimeo |
YouTube
To embed the following YouTube video at url https://www.youtube.com/watch?v=-PVofD2A9t8
(long version) or https://youtu.be/-PVofD2A9t8
(short version) into a post or page’s main content you’d use:
{% raw %}{% include video id="-PVofD2A9t8" provider="youtube" %}{% endraw %}
{% include video id="-PVofD2A9t8" provider=“youtube” %}
Layout: More Tag
This content is before the excerpt separator tag.
Additional content before the more tag.
Layout: Post Date Disabled
This post has the date disabled. The date this post was published should not be showing if show_date: false
is set in _config.yml
or in this post’s YAML Front Matter.
If you could keep awake (but of course you can’t) you would see your own mother doing this, and you would find it very interesting to watch her. It is quite like tidying up drawers. You would see her on her knees, I expect, lingering humorously over some of your contents, wondering where on earth you had picked this thing up, making discoveries sweet and not so sweet, pressing this to her cheek as if it were as nice as a kitten, and hurriedly stowing that out of sight. When you wake in the morning, the naughtiness and evil passions with which you went to bed have been folded up small and placed at the bottom of your mind and on the top, beautifully aired, are spread out your prettier thoughts, ready for you to put on.
Layout: Post Date Enabled
This post has post date enabled. The date the post was published should show if show_date: true
is added to it’s YAML Front Matter or as a default in _config.yml
.
If you could keep awake (but of course you can’t) you would see your own mother doing this, and you would find it very interesting to watch her. It is quite like tidying up drawers. You would see her on her knees, I expect, lingering humorously over some of your contents, wondering where on earth you had picked this thing up, making discoveries sweet and not so sweet, pressing this to her cheek as if it were as nice as a kitten, and hurriedly stowing that out of sight. When you wake in the morning, the naughtiness and evil passions with which you went to bed have been folded up small and placed at the bottom of your mind and on the top, beautifully aired, are spread out your prettier thoughts, ready for you to put on.
Layout: Post with Nested Table of Contents
Tests table of contents with multiple levels to verify indentation is readible.
Enim laboris id ea elit elit deserunt
Magna incididunt elit id enim nisi quis excepteur reprehenderit Lorem dolore dolore ad enim. Labore esse elit excepteur et elit dolor. Elit ut consectetur labore velit elit esse voluptate id commodo. Magna cillum officia consequat non occaecat mollit esse nisi quis.
Nostrud veniam excepteur commodo enim pariatur velit est. Dolor consequat elit occaecat enim veniam ullamco qui est anim ex elit. Est minim aute magna laborum reprehenderit magna reprehenderit ullamco voluptate id sit aliqua. Id labore veniam ad duis aliquip commodo qui ex ut ipsum irure. In et sit ea cupidatat consectetur in nisi amet in cupidatat excepteur commodo amet.