N-archive/hacks-guide-minimal-mistakes-theme
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Remove prepend: "/" from includes and add to image path's instead

Browse source
This commit is contained in:
Michael Rose 2016-10-10 11:48:30 -04:00
parent f0367ba52b
commit d3b2e49044
19 changed files with 78 additions and 78 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_includes/archive-single.html
View file

@ -18,7 +18,7 @@
{% if teaser contains "://" %} {% if teaser contains "://" %}
"{{ teaser }}" "{{ teaser }}"
{% else %} {% else %}
"{{ teaser | prepend: "/" | absolute_url }}" "{{ teaser | absolute_url }}"
{% endif %} {% endif %}
alt=""> alt="">
</div> </div>

2
_includes/author-profile.html
View file

@ -9,7 +9,7 @@
{% if author.avatar contains "://" %} {% if author.avatar contains "://" %}
<img src="{{ author.avatar }}" alt="{{ author.name }}"> <img src="{{ author.avatar }}" alt="{{ author.name }}">
{% else %} {% else %}
<img src="{{ author.avatar | prepend: "/" | absolute_url }}" class="author__avatar" alt="{{ author.name }}"> <img src="{{ author.avatar | absolute_url }}" class="author__avatar" alt="{{ author.name }}">
{% endif %} {% endif %}
</div> </div>
{% endif %} {% endif %}

4
_includes/feature_row
View file

@ -11,7 +11,7 @@
{% if f.url contains "://" %} {% if f.url contains "://" %}
{% capture f_url %}{{ f.url }}{% endcapture %} {% capture f_url %}{{ f.url }}{% endcapture %}
{% else %} {% else %}
{% capture f_url %}{{ f.url | prepend: "/" | absolute_url }}{% endcapture %} {% capture f_url %}{{ f.url | absolute_url }}{% endcapture %}
{% endif %} {% endif %}
<div class="feature__item{% if include.type %}--{{ include.type }}{% endif %}"> <div class="feature__item{% if include.type %}--{{ include.type }}{% endif %}">
@ -22,7 +22,7 @@
{% if f.image_path contains "://" %} {% if f.image_path contains "://" %}
"{{ f.image_path }}" "{{ f.image_path }}"
{% else %} {% else %}
"{{ f.image_path | prepend: "/" | absolute_url }}" "{{ f.image_path | absolute_url }}"
{% endif %} {% endif %}
alt="{% if f.alt %}{{ f.alt }}{% endif %}"> alt="{% if f.alt %}{{ f.alt }}{% endif %}">
</div> </div>

6
_includes/gallery
View file

@ -19,7 +19,7 @@
{% if img.url contains "://" %} {% if img.url contains "://" %}
"{{ img.url }}" "{{ img.url }}"
{% else %} {% else %}
"{{ img.url | prepend: "/" | absolute_url }}" "{{ img.url | absolute_url }}"
{% endif %} {% endif %}
{% if img.title %}title="{{ img.title }}"{% endif %} {% if img.title %}title="{{ img.title }}"{% endif %}
> >
@ -27,7 +27,7 @@
{% if img.image_path contains "://" %} {% if img.image_path contains "://" %}
"{{ img.image_path }}" "{{ img.image_path }}"
{% else %} {% else %}
"{{ img.image_path | prepend: "/" | absolute_url }}" "{{ img.image_path | absolute_url }}"
{% endif %} {% endif %}
alt="{% if img.alt %}{{ img.alt }}{% endif %}"> alt="{% if img.alt %}{{ img.alt }}{% endif %}">
</a> </a>
@ -36,7 +36,7 @@
{% if img.image_path contains "://" %} {% if img.image_path contains "://" %}
"{{ img.image_path }}" "{{ img.image_path }}"
{% else %} {% else %}
"{{ img.image_path | prepend: "/" | absolute_url }}" "{{ img.image_path | absolute_url }}"
{% endif %} {% endif %}
alt="{% if img.alt %}{{ img.alt }}{% endif %}"> alt="{% if img.alt %}{{ img.alt }}{% endif %}">
{% endif %} {% endif %}

4
_includes/page__hero.html
View file

@ -1,7 +1,7 @@
{% if page.header.image contains "://" %} {% if page.header.image contains "://" %}
{% capture img_path %}{{ page.header.image }}{% endcapture %} {% capture img_path %}{{ page.header.image }}{% endcapture %}
{% else %} {% else %}
{% capture img_path %}{{ page.header.image | prepend: "/" | absolute_url }}{% endcapture %} {% capture img_path %}{{ page.header.image | absolute_url }}{% endcapture %}
{% endif %} {% endif %}
{% if page.header.cta_url contains "://" %} {% if page.header.cta_url contains "://" %}
@ -13,7 +13,7 @@
{% if page.header.overlay_image contains "://" %} {% if page.header.overlay_image contains "://" %}
{% capture overlay_img_path %}{{ page.header.overlay_image }}{% endcapture %} {% capture overlay_img_path %}{{ page.header.overlay_image }}{% endcapture %}
{% elsif page.header.overlay_image %} {% elsif page.header.overlay_image %}
{% capture overlay_img_path %}{{ page.header.overlay_image | prepend: "/" | absolute_url }}{% endcapture %} {% capture overlay_img_path %}{{ page.header.overlay_image | absolute_url }}{% endcapture %}
{% endif %} {% endif %}
{% if page.header.overlay_filter contains "rgba" %} {% if page.header.overlay_filter contains "rgba" %}

16
_includes/seo.html
View file

@ -58,13 +58,13 @@
{% if page.header.image %} {% if page.header.image %}
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="{% if page.header.image contains "://" %}{{ page.header.image }}{% else %}{{ page.header.image | prepend: "/" | absolute_url }}{% endif %}"> <meta name="twitter:image" content="{% if page.header.image contains "://" %}{{ page.header.image }}{% else %}{{ page.header.image | absolute_url }}{% endif %}">
{% else %} {% else %}
<meta name="twitter:card" content="summary"> <meta name="twitter:card" content="summary">
{% if page.header.teaser %} {% if page.header.teaser %}
<meta name="twitter:image" content="{% if page.header.teaser contains "://" %}{{ page.header.teaser }}{% else %}{{ page.header.teaser | prepend: "/" | absolute_url }}{% endif %}"> <meta name="twitter:image" content="{% if page.header.teaser contains "://" %}{{ page.header.teaser }}{% else %}{{ page.header.teaser | absolute_url }}{% endif %}">
{% elsif site.og_image %} {% elsif site.og_image %}
<meta name="twitter:image" content="{{ site.og_image | prepend: "/" | absolute_url }}"> <meta name="twitter:image" content="{{ site.og_image | absolute_url }}">
{% endif %} {% endif %}
{% endif %} {% endif %}
@ -84,13 +84,13 @@
{% endif %} {% endif %}
{% if page.header.image %} {% if page.header.image %}
<meta property="og:image" content="{% if page.header.image contains "://" %}{{ page.header.image }}{% else %}{{ page.header.image | prepend: "/" | absolute_url }}{% endif %}"> <meta property="og:image" content="{% if page.header.image contains "://" %}{{ page.header.image }}{% else %}{{ page.header.image | absolute_url }}{% endif %}">
{% elsif page.header.overlay_image %} {% elsif page.header.overlay_image %}
<meta property="og:image" content="{% if page.header.overlay_image contains "://" %}{{ page.header.overlay_image }}{% else %}{{ page.header.overlay_image | prepend: "/" | absolute_url }}{% endif %}"> <meta property="og:image" content="{% if page.header.overlay_image contains "://" %}{{ page.header.overlay_image }}{% else %}{{ page.header.overlay_image | absolute_url }}{% endif %}">
{% elsif page.header.teaser %} {% elsif page.header.teaser %}
<meta property="og:image" content="{% if page.header.teaser contains "://" %}{{ page.header.teaser }}{% else %}{{ page.header.teaser | prepend: "/" | absolute_url }}{% endif %}"> <meta property="og:image" content="{% if page.header.teaser contains "://" %}{{ page.header.teaser }}{% else %}{{ page.header.teaser | absolute_url }}{% endif %}">
{% elsif site.og_image %} {% elsif site.og_image %}
<meta property="og:image" content="{% if site.og_image contains "://" %}{{ site.og_image }}{% else %}{{ site.og_image | prepend: "/" | absolute_url }}{% endif %}"> <meta property="og:image" content="{% if site.og_image contains "://" %}{{ site.og_image }}{% else %}{{ site.og_image | absolute_url }}{% endif %}">
{% endif %} {% endif %}
{% if page.date %} {% if page.date %}
@ -111,7 +111,7 @@
"@context": "http://schema.org", "@context": "http://schema.org",
"@type": "Organization", "@type": "Organization",
"url": {{ seo_url | jsonify }}, "url": {{ seo_url | jsonify }},
"logo": {{ site.og_image | prepend: "/" | absolute_url | jsonify }} "logo": {{ site.og_image | absolute_url | jsonify }}
} }
</script> </script>
{% endif %} {% endif %}

2
_includes/sidebar.html
View file

@ -8,7 +8,7 @@
{% if s.image contains "://" %} {% if s.image contains "://" %}
"{{ s.image }}" "{{ s.image }}"
{% else %} {% else %}
"{{ s.image | prepend: "/" | absolute_url }}" "{{ s.image | absolute_url }}"
{% endif %} {% endif %}
alt="{% if s.image_alt %}{{ s.image_alt }}{% endif %}"> alt="{% if s.image_alt %}{{ s.image_alt }}{% endif %}">
{% endif %} {% endif %}

4
example/_config.yml
View file

@ -16,7 +16,7 @@ description : "An amazing website."
url : # the base hostname & protocol for your site e.g. "https://mmistakes.github.io" url : # the base hostname & protocol for your site e.g. "https://mmistakes.github.io"
baseurl : # the subpath of your site, e.g. "/blog" baseurl : # the subpath of your site, e.g. "/blog"
repository : # GitHub username/repo-name e.g. "mmistakes/minimal-mistakes" repository : # GitHub username/repo-name e.g. "mmistakes/minimal-mistakes"
teaser : # filename of teaser fallback teaser image placed in /images/, .e.g. "500x300.png" teaser : # path of fallback teaser image, e.g. "/assets/images/500x300.png"
# breadcrumbs : false # true, false (default) # breadcrumbs : false # true, false (default)
words_per_minute : 200 words_per_minute : 200
comments: comments:
@ -80,7 +80,7 @@ analytics:
# Site Author # Site Author
author: author:
name : "Your Name" name : "Your Name"
avatar : "assets/images/bio-photo.jpg" avatar : "/assets/images/bio-photo.jpg"
bio : "I am an amazing person." bio : "I am an amazing person."
location : "Somewhere" location : "Somewhere"
email : email :

4
example/_data/authors.yml
View file

@ -5,7 +5,7 @@ Billy Rick:
uri : "http://thewhip.com" uri : "http://thewhip.com"
email : "billy@rick.com" email : "billy@rick.com"
bio : "What do you want, jewels? I am a very extravagant man." bio : "What do you want, jewels? I am a very extravagant man."
avatar : "bio-photo-2.jpg" avatar : "/assets/images/bio-photo-2.jpg"
twitter : "extravagantman" twitter : "extravagantman"
google_plus : "BillyRick" google_plus : "BillyRick"
@ -13,6 +13,6 @@ Cornelius Fiddlebone:
name : "Cornelius Fiddlebone" name : "Cornelius Fiddlebone"
email : "cornelius@thewhip.com" email : "cornelius@thewhip.com"
bio : "I ordered what?" bio : "I ordered what?"
avatar : "bio-photo.jpg" avatar : "/assets/images/bio-photo.jpg"
twitter : "rhymeswithsackit" twitter : "rhymeswithsackit"
google_plus : "CorneliusFiddlebone" google_plus : "CorneliusFiddlebone"

12
example/_pages/splash-page.md
View file

@ -6,7 +6,7 @@ date: 2016-03-23T11:48:41-04:00
header: header:
overlay_color: "#000" overlay_color: "#000"
overlay_filter: "0.5" overlay_filter: "0.5"
overlay_image: assets/images/unsplash-image-1.jpg overlay_image: /assets/images/unsplash-image-1.jpg
cta_label: "Download" cta_label: "Download"
cta_url: "https://github.com/mmistakes/minimal-mistakes/" cta_url: "https://github.com/mmistakes/minimal-mistakes/"
caption: "Photo credit: [**Unsplash**](https://unsplash.com)" caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
@ -18,18 +18,18 @@ feature_row:
alt: "placeholder image 1" alt: "placeholder image 1"
title: "Placeholder 1" title: "Placeholder 1"
excerpt: "This is some sample content that goes here with **Markdown** formatting." excerpt: "This is some sample content that goes here with **Markdown** formatting."
- image_path: assets/images/unsplash-gallery-image-2-th.jpg - image_path: /assets/images/unsplash-gallery-image-2-th.jpg
alt: "placeholder image 2" alt: "placeholder image 2"
title: "Placeholder 2" title: "Placeholder 2"
excerpt: "This is some sample content that goes here with **Markdown** formatting." excerpt: "This is some sample content that goes here with **Markdown** formatting."
url: "#test-link" url: "#test-link"
btn_label: "Read More" btn_label: "Read More"
btn_class: "btn--inverse" btn_class: "btn--inverse"
- image_path: assets/images/unsplash-gallery-image-3-th.jpg - image_path: /assets/images/unsplash-gallery-image-3-th.jpg
title: "Placeholder 3" title: "Placeholder 3"
excerpt: "This is some sample content that goes here with **Markdown** formatting." excerpt: "This is some sample content that goes here with **Markdown** formatting."
feature_row2: feature_row2:
- image_path: assets/images/unsplash-gallery-image-2-th.jpg - image_path: /assets/images/unsplash-gallery-image-2-th.jpg
alt: "placeholder image 2" alt: "placeholder image 2"
title: "Placeholder Image Left Aligned" title: "Placeholder Image Left Aligned"
excerpt: 'This is some sample content that goes here with **Markdown** formatting. Left aligned with `type="left"`' excerpt: 'This is some sample content that goes here with **Markdown** formatting. Left aligned with `type="left"`'
@ -37,7 +37,7 @@ feature_row2:
btn_label: "Read More" btn_label: "Read More"
btn_class: "btn--inverse" btn_class: "btn--inverse"
feature_row3: feature_row3:
- image_path: assets/images/unsplash-gallery-image-2-th.jpg - image_path: /assets/images/unsplash-gallery-image-2-th.jpg
alt: "placeholder image 2" alt: "placeholder image 2"
title: "Placeholder Image Right Aligned" title: "Placeholder Image Right Aligned"
excerpt: 'This is some sample content that goes here with **Markdown** formatting. Right aligned with `type="right"`' excerpt: 'This is some sample content that goes here with **Markdown** formatting. Right aligned with `type="right"`'
@ -45,7 +45,7 @@ feature_row3:
btn_label: "Read More" btn_label: "Read More"
btn_class: "btn--inverse" btn_class: "btn--inverse"
feature_row4: feature_row4:
- image_path: assets/images/unsplash-gallery-image-2-th.jpg - image_path: /assets/images/unsplash-gallery-image-2-th.jpg
alt: "placeholder image 2" alt: "placeholder image 2"
title: "Placeholder Image Center Aligned" title: "Placeholder Image Center Aligned"
excerpt: 'This is some sample content that goes here with **Markdown** formatting. Centered with `type="center"`' excerpt: 'This is some sample content that goes here with **Markdown** formatting. Centered with `type="center"`'

10
example/_portfolio/foo-bar-website.md
View file

@ -2,8 +2,8 @@
title: "Foo Bar Identity" title: "Foo Bar Identity"
excerpt: "Foo Bar design system including logo mark, website design, and branding applications." excerpt: "Foo Bar design system including logo mark, website design, and branding applications."
header: header:
image: assets/images/foo-bar-identity.jpg image: /assets/images/foo-bar-identity.jpg
teaser: assets/images/foo-bar-identity-th.jpg teaser: /assets/images/foo-bar-identity-th.jpg
sidebar: sidebar:
- title: "Role" - title: "Role"
image: http://placehold.it/350x250 image: http://placehold.it/350x250
@ -12,13 +12,13 @@ sidebar:
- title: "Responsibilities" - title: "Responsibilities"
text: "Reuters try PR stupid commenters should isn't a business model" text: "Reuters try PR stupid commenters should isn't a business model"
gallery: gallery:
- url: assets/images/unsplash-gallery-image-1.jpg - url: /assets/images/unsplash-gallery-image-1.jpg
image_path: assets/images/unsplash-gallery-image-1-th.jpg image_path: assets/images/unsplash-gallery-image-1-th.jpg
alt: "placeholder image 1" alt: "placeholder image 1"
- url: assets/images/unsplash-gallery-image-2.jpg - url: /assets/images/unsplash-gallery-image-2.jpg
image_path: assets/images/unsplash-gallery-image-2-th.jpg image_path: assets/images/unsplash-gallery-image-2-th.jpg
alt: "placeholder image 2" alt: "placeholder image 2"
- url: assets/images/unsplash-gallery-image-3.jpg - url: /assets/images/unsplash-gallery-image-3.jpg
image_path: assets/images/unsplash-gallery-image-3-th.jpg image_path: assets/images/unsplash-gallery-image-3-th.jpg
alt: "placeholder image 3" alt: "placeholder image 3"
--- ---

2
example/_posts/2010-08-05-post-image-standard.md
View file

@ -7,7 +7,7 @@ tags:
- Post Formats - Post Formats
--- ---
The preferred way of using images is placing them in the `assets/images/` directory and referencing them with an absolute path. Prepending the filename with `{% raw %}{{ site.url }}{{ site.baseurl }}/assets/images/{% endraw %}` will make sure your images display properly in feeds and such. The preferred way of using images is placing them in the `/assets/images/` directory and referencing them with an absolute path. Prepending the filename with `{% raw %}{{ site.url }}{{ site.baseurl }}/assets/images/{% endraw %}` will make sure your images display properly in feeds and such.
Standard image with no width modifier classes applied. Standard image with no width modifier classes applied.

68
example/_posts/2010-09-09-post-gallery.md
View file

@ -7,52 +7,52 @@ tags:
- Post Formats - Post Formats
- tiled - tiled
gallery: gallery:
- url: assets/images/unsplash-gallery-image-1.jpg - url: /assets/images/unsplash-gallery-image-1.jpg
image_path: assets/images/unsplash-gallery-image-1-th.jpg image_path: /assets/images/unsplash-gallery-image-1-th.jpg
alt: "placeholder image 1" alt: "placeholder image 1"
title: "Image 1 title caption" title: "Image 1 title caption"
- url: assets/images/unsplash-gallery-image-2.jpg - url: /assets/images/unsplash-gallery-image-2.jpg
image_path: assets/images/unsplash-gallery-image-2-th.jpg image_path: /assets/images/unsplash-gallery-image-2-th.jpg
alt: "placeholder image 2" alt: "placeholder image 2"
title: "Image 2 title caption" title: "Image 2 title caption"
- url: assets/images/unsplash-gallery-image-3.jpg - url: /assets/images/unsplash-gallery-image-3.jpg
image_path: assets/images/unsplash-gallery-image-3-th.jpg image_path: /assets/images/unsplash-gallery-image-3-th.jpg
alt: "placeholder image 3" alt: "placeholder image 3"
title: "Image 3 title caption" title: "Image 3 title caption"
- url: assets/images/unsplash-gallery-image-1.jpg - url: /assets/images/unsplash-gallery-image-1.jpg
image_path: assets/images/unsplash-gallery-image-1-th.jpg image_path: /assets/images/unsplash-gallery-image-1-th.jpg
alt: "placeholder image 4" alt: "placeholder image 4"
title: "Image 4 title caption" title: "Image 4 title caption"
- url: assets/images/unsplash-gallery-image-2.jpg - url: /assets/images/unsplash-gallery-image-2.jpg
image_path: assets/images/unsplash-gallery-image-2-th.jpg image_path: /assets/images/unsplash-gallery-image-2-th.jpg
alt: "placeholder image 5" alt: "placeholder image 5"
title: "Image 5 title caption" title: "Image 5 title caption"
- url: assets/images/unsplash-gallery-image-3.jpg - url: /assets/images/unsplash-gallery-image-3.jpg
image_path: assets/images/unsplash-gallery-image-3-th.jpg image_path: /assets/images/unsplash-gallery-image-3-th.jpg
alt: "placeholder image 6" alt: "placeholder image 6"
title: "Image 6 title caption" title: "Image 6 title caption"
- url: assets/images/unsplash-gallery-image-1.jpg - url: /assets/images/unsplash-gallery-image-1.jpg
image_path: assets/images/unsplash-gallery-image-1-th.jpg image_path: /assets/images/unsplash-gallery-image-1-th.jpg
alt: "placeholder image 7" alt: "placeholder image 7"
title: "Image 7 title caption" title: "Image 7 title caption"
- url: assets/images/unsplash-gallery-image-2.jpg - url: /assets/images/unsplash-gallery-image-2.jpg
image_path: assets/images/unsplash-gallery-image-2-th.jpg image_path: /assets/images/unsplash-gallery-image-2-th.jpg
alt: "placeholder image 8" alt: "placeholder image 8"
title: "Image 8 title caption" title: "Image 8 title caption"
- url: assets/images/unsplash-gallery-image-3.jpg - url: /assets/images/unsplash-gallery-image-3.jpg
image_path: assets/images/unsplash-gallery-image-3-th.jpg image_path: /assets/images/unsplash-gallery-image-3-th.jpg
alt: "placeholder image 9" alt: "placeholder image 9"
title: "Image 9 title caption" title: "Image 9 title caption"
- url: assets/images/unsplash-gallery-image-1.jpg - url: /assets/images/unsplash-gallery-image-1.jpg
image_path: assets/images/unsplash-gallery-image-1-th.jpg image_path: /assets/images/unsplash-gallery-image-1-th.jpg
alt: "placeholder image 10" alt: "placeholder image 10"
title: "Image 10 title caption" title: "Image 10 title caption"
- url: assets/images/unsplash-gallery-image-2.jpg - url: /assets/images/unsplash-gallery-image-2.jpg
image_path: assets/images/unsplash-gallery-image-2-th.jpg image_path: /assets/images/unsplash-gallery-image-2-th.jpg
alt: "placeholder image 11" alt: "placeholder image 11"
title: "Image 11 title caption" title: "Image 11 title caption"
- url: assets/images/unsplash-gallery-image-3.jpg - url: /assets/images/unsplash-gallery-image-3.jpg
image_path: assets/images/unsplash-gallery-image-3-th.jpg image_path: /assets/images/unsplash-gallery-image-3-th.jpg
alt: "placeholder image 12" alt: "placeholder image 12"
title: "Image 12 title caption" title: "Image 12 title caption"
gallery2: gallery2:
@ -66,9 +66,9 @@ gallery2:
image_path: https://farm5.staticflickr.com/4046/4697502929_72c612c636_q.jpg image_path: https://farm5.staticflickr.com/4046/4697502929_72c612c636_q.jpg
alt: "Fog in the trees" alt: "Fog in the trees"
gallery3: gallery3:
- image_path: assets/images/unsplash-gallery-image-2-th.jpg - image_path: /assets/images/unsplash-gallery-image-2-th.jpg
alt: "placeholder image 2" alt: "placeholder image 2"
- image_path: assets/images/unsplash-gallery-image-4-th.jpg - image_path: /assets/images/unsplash-gallery-image-4-th.jpg
alt: "placeholder image 4" alt: "placeholder image 4"
--- ---
@ -78,20 +78,20 @@ To place a gallery add the necessary YAML Front Matter:
```yaml ```yaml
gallery: gallery:
- url: assets/images/unsplash-gallery-image-1.jpg - url: /assets/images/unsplash-gallery-image-1.jpg
image_path: assets/images/unsplash-gallery-image-1-th.jpg image_path: /assets/images/unsplash-gallery-image-1-th.jpg
alt: "placeholder image 1" alt: "placeholder image 1"
title: "Image 1 title caption" title: "Image 1 title caption"
- url: assets/images/unsplash-gallery-image-2.jpg - url: /assets/images/unsplash-gallery-image-2.jpg
image_path: assets/images/unsplash-gallery-image-2-th.jpg image_path: /assets/images/unsplash-gallery-image-2-th.jpg
alt: "placeholder image 2" alt: "placeholder image 2"
title: "Image 2 title caption" title: "Image 2 title caption"
- url: assets/images/unsplash-gallery-image-3.jpg - url: /assets/images/unsplash-gallery-image-3.jpg
image_path: assets/images/unsplash-gallery-image-3-th.jpg image_path: /assets/images/unsplash-gallery-image-3-th.jpg
alt: "placeholder image 3" alt: "placeholder image 3"
title: "Image 3 title caption" title: "Image 3 title caption"
- url: assets/images/unsplash-gallery-image-4.jpg - url: /assets/images/unsplash-gallery-image-4.jpg
image_path: assets/images/unsplash-gallery-image-4-th.jpg image_path: /assets/images/unsplash-gallery-image-4-th.jpg
alt: "placeholder image 4" alt: "placeholder image 4"
title: "Image 4 title caption" title: "Image 4 title caption"
``` ```

4
example/_posts/2012-03-15-layout-author-override.md
View file

@ -18,14 +18,14 @@ Billy Rick:
uri: "http://thewhip.com" uri: "http://thewhip.com"
email: "billy@rick.com" email: "billy@rick.com"
bio: "What do you want, jewels? I am a very extravagant man." bio: "What do you want, jewels? I am a very extravagant man."
avatar: "assets/images/bio-photo-2.jpg" avatar: "/assets/images/bio-photo-2.jpg"
twitter: "extravagantman" twitter: "extravagantman"
Cornelius Fiddlebone: Cornelius Fiddlebone:
name: "Cornelius Fiddlebone" name: "Cornelius Fiddlebone"
email: "cornelius@thewhip.com" email: "cornelius@thewhip.com"
bio: "I ordered what?" bio: "I ordered what?"
avatar: "assets/images/bio-photo.jpg" avatar: "/assets/images/bio-photo.jpg"
twitter: "rhymeswithsackit" twitter: "rhymeswithsackit"
``` ```

2
example/_posts/2012-03-15-layout-header-image-horizontal.md
View file

@ -1,7 +1,7 @@
--- ---
title: "Layout: Header Image (Horizontal)" title: "Layout: Header Image (Horizontal)"
header: header:
image: assets/images/unsplash-image-1.jpg image: /assets/images/unsplash-image-1.jpg
caption: "Photo credit: [**Unsplash**](https://unsplash.com)" caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
categories: categories:
- Layout - Layout

2
example/_posts/2012-03-15-layout-header-image-text-readability.md
View file

@ -1,7 +1,7 @@
--- ---
title: "Layout: Header Image and Text Readability" title: "Layout: Header Image and Text Readability"
header: header:
image: assets/images/unsplash-image-4.jpg image: /assets/images/unsplash-image-4.jpg
caption: "Photo credit: [**Unsplash**](https://unsplash.com)" caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
tags: tags:
- sample post - sample post

2
example/_posts/2012-03-15-layout-header-image-vertical.md
View file

@ -1,7 +1,7 @@
--- ---
title: "Layout: Header Image (Vertical)" title: "Layout: Header Image (Vertical)"
header: header:
image: assets/images/unsplash-image-6.jpg image: /assets/images/unsplash-image-6.jpg
caption: "Photo credit: [**Unsplash**](https://unsplash.com)" caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
categories: categories:
- Layout - Layout

6
example/_posts/2012-03-15-layout-header-overlay-image.md
View file

@ -1,7 +1,7 @@
--- ---
title: "Layout: Header Image Overlay" title: "Layout: Header Image Overlay"
header: header:
overlay_image: assets/images/unsplash-image-1.jpg overlay_image: /assets/images/unsplash-image-1.jpg
caption: "Photo credit: [**Unsplash**](https://unsplash.com)" caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
cta_url: "https://unsplash.com" cta_url: "https://unsplash.com"
categories: categories:
@ -31,7 +31,7 @@ You can use it by specifying the opacity (between 0 and 1) of a black overlay li
```yaml ```yaml
excerpt: "This post should [...]" excerpt: "This post should [...]"
header: header:
overlay_image: assets/images/unsplash-image-1.jpg overlay_image: /assets/images/unsplash-image-1.jpg
overlay_filter: 0.5 # same as adding an opacity of 0.5 to a black background overlay_filter: 0.5 # same as adding an opacity of 0.5 to a black background
caption: "Photo credit: [**Unsplash**](https://unsplash.com)" caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
cta_label: "More Info" cta_label: "More Info"
@ -45,7 +45,7 @@ Or if you want to do more fancy things, go full rgba:
```yaml ```yaml
excerpt: "This post should [...]" excerpt: "This post should [...]"
header: header:
overlay_image: assets/images/unsplash-image-1.jpg overlay_image: /assets/images/unsplash-image-1.jpg
overlay_filter: rgba(255, 0, 0, 0.5) overlay_filter: rgba(255, 0, 0, 0.5)
caption: "Photo credit: [**Unsplash**](https://unsplash.com)" caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
cta_label: "More Info" cta_label: "More Info"

4
example/_posts/2013-05-22-markup-more-images.md
View file

@ -28,8 +28,8 @@ Apply the `half` class like so to display two images side by side that share the
```html ```html
<figure class="half"> <figure class="half">
<a href="assets/images/image-filename-1-large.jpg"><img src="assets/images/image-filename-1.jpg"></a> <a href="/assets/images/image-filename-1-large.jpg"><img src="/assets/images/image-filename-1.jpg"></a>
<a href="assets/images/image-filename-2-large.jpg"><img src="assets/images/image-filename-2.jpg"></a> <a href="/assets/images/image-filename-2-large.jpg"><img src="/assets/images/image-filename-2.jpg"></a>
<figcaption>Caption describing these two images.</figcaption> <figcaption>Caption describing these two images.</figcaption>
</figure> </figure>
``` ```