mirror of
https://github.com/MinimalBible/MinimalBible.github.io
synced 2024-12-21 06:08:19 -05:00
Add sample post demoing background image
This commit is contained in:
parent
08fa20eeb4
commit
4d0ad4d6cd
23
_posts/2013-10-26-background-image.md
Normal file
23
_posts/2013-10-26-background-image.md
Normal file
@ -0,0 +1,23 @@
|
||||
---
|
||||
layout: post
|
||||
title: Post with a Background Image
|
||||
description: "Sample post with a background image CSS override."
|
||||
tags: [sample post]
|
||||
image:
|
||||
background: triangular.png
|
||||
comments: true
|
||||
share: true
|
||||
---
|
||||
|
||||
Here be a sample post with a custom background image. To utilize this "feature" just add the following YAML to a post's front matter.
|
||||
|
||||
{% highlight yaml %}
|
||||
image:
|
||||
background: filename.png
|
||||
{% endhighlight %}
|
||||
|
||||
This little bit of YAML makes the assumption that your background image asset is in the `/images` folder. If you place it somewhere else or are hotlinking from the web, just include the full http(s):// URL. Either way you should have a background image that is tiled.
|
||||
|
||||
If you want to set a background image for the entire site just add `background: filename.png` to your `_config.yml` and BOOM --- background images on every page!
|
||||
|
||||
<div xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/" about="http://subtlepatterns.com" class="notice">Background images from <span property="dct:title">Subtle Patterns</span> (<a rel="cc:attributionURL" property="cc:attributionName" href="http://subtlepatterns.com">Subtle Patterns</a>) / <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">CC BY-SA 3.0</a></div>
|
BIN
images/ps_neutral.png
Normal file
BIN
images/ps_neutral.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 100 B |
BIN
images/triangular.png
Normal file
BIN
images/triangular.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 210 B |
BIN
images/witewall_3.png
Normal file
BIN
images/witewall_3.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 19 KiB |
Loading…
Reference in New Issue
Block a user