steffen/website
1
0
Fork 0
Code Actions Packages Releases 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
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -7,7 +7,7 @@ tags:
- 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.

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

@@ -7,52 +7,52 @@ tags:
- Post Formats
- tiled
gallery:
- url: assets/images/unsplash-gallery-image-1.jpg
image_path: assets/images/unsplash-gallery-image-1-th.jpg
- url: /assets/images/unsplash-gallery-image-1.jpg
image_path: /assets/images/unsplash-gallery-image-1-th.jpg
alt: "placeholder image 1"
title: "Image 1 title caption"
- url: assets/images/unsplash-gallery-image-2.jpg
image_path: assets/images/unsplash-gallery-image-2-th.jpg
- url: /assets/images/unsplash-gallery-image-2.jpg
image_path: /assets/images/unsplash-gallery-image-2-th.jpg
alt: "placeholder image 2"
title: "Image 2 title caption"
- url: assets/images/unsplash-gallery-image-3.jpg
image_path: assets/images/unsplash-gallery-image-3-th.jpg
- url: /assets/images/unsplash-gallery-image-3.jpg
image_path: /assets/images/unsplash-gallery-image-3-th.jpg
alt: "placeholder image 3"
title: "Image 3 title caption"
- url: assets/images/unsplash-gallery-image-1.jpg
image_path: assets/images/unsplash-gallery-image-1-th.jpg
- url: /assets/images/unsplash-gallery-image-1.jpg
image_path: /assets/images/unsplash-gallery-image-1-th.jpg
alt: "placeholder image 4"
title: "Image 4 title caption"
- url: assets/images/unsplash-gallery-image-2.jpg
image_path: assets/images/unsplash-gallery-image-2-th.jpg
- url: /assets/images/unsplash-gallery-image-2.jpg
image_path: /assets/images/unsplash-gallery-image-2-th.jpg
alt: "placeholder image 5"
title: "Image 5 title caption"
- url: assets/images/unsplash-gallery-image-3.jpg
image_path: assets/images/unsplash-gallery-image-3-th.jpg
- url: /assets/images/unsplash-gallery-image-3.jpg
image_path: /assets/images/unsplash-gallery-image-3-th.jpg
alt: "placeholder image 6"
title: "Image 6 title caption"
- url: assets/images/unsplash-gallery-image-1.jpg
image_path: assets/images/unsplash-gallery-image-1-th.jpg
- url: /assets/images/unsplash-gallery-image-1.jpg
image_path: /assets/images/unsplash-gallery-image-1-th.jpg
alt: "placeholder image 7"
title: "Image 7 title caption"
- url: assets/images/unsplash-gallery-image-2.jpg
image_path: assets/images/unsplash-gallery-image-2-th.jpg
- url: /assets/images/unsplash-gallery-image-2.jpg
image_path: /assets/images/unsplash-gallery-image-2-th.jpg
alt: "placeholder image 8"
title: "Image 8 title caption"
- url: assets/images/unsplash-gallery-image-3.jpg
image_path: assets/images/unsplash-gallery-image-3-th.jpg
- url: /assets/images/unsplash-gallery-image-3.jpg
image_path: /assets/images/unsplash-gallery-image-3-th.jpg
alt: "placeholder image 9"
title: "Image 9 title caption"
- url: assets/images/unsplash-gallery-image-1.jpg
image_path: assets/images/unsplash-gallery-image-1-th.jpg
- url: /assets/images/unsplash-gallery-image-1.jpg
image_path: /assets/images/unsplash-gallery-image-1-th.jpg
alt: "placeholder image 10"
title: "Image 10 title caption"
- url: assets/images/unsplash-gallery-image-2.jpg
image_path: assets/images/unsplash-gallery-image-2-th.jpg
- url: /assets/images/unsplash-gallery-image-2.jpg
image_path: /assets/images/unsplash-gallery-image-2-th.jpg
alt: "placeholder image 11"
title: "Image 11 title caption"
- url: assets/images/unsplash-gallery-image-3.jpg
image_path: assets/images/unsplash-gallery-image-3-th.jpg
- url: /assets/images/unsplash-gallery-image-3.jpg
image_path: /assets/images/unsplash-gallery-image-3-th.jpg
alt: "placeholder image 12"
title: "Image 12 title caption"
gallery2:
@@ -66,9 +66,9 @@ gallery2:
image_path: https://farm5.staticflickr.com/4046/4697502929_72c612c636_q.jpg
alt: "Fog in the trees"
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"
- image_path: assets/images/unsplash-gallery-image-4-th.jpg
- image_path: /assets/images/unsplash-gallery-image-4-th.jpg
alt: "placeholder image 4"
---
@@ -78,20 +78,20 @@ To place a gallery add the necessary YAML Front Matter:
```yaml
gallery:
- url: assets/images/unsplash-gallery-image-1.jpg
image_path: assets/images/unsplash-gallery-image-1-th.jpg
- url: /assets/images/unsplash-gallery-image-1.jpg
image_path: /assets/images/unsplash-gallery-image-1-th.jpg
alt: "placeholder image 1"
title: "Image 1 title caption"
- url: assets/images/unsplash-gallery-image-2.jpg
image_path: assets/images/unsplash-gallery-image-2-th.jpg
- url: /assets/images/unsplash-gallery-image-2.jpg
image_path: /assets/images/unsplash-gallery-image-2-th.jpg
alt: "placeholder image 2"
title: "Image 2 title caption"
- url: assets/images/unsplash-gallery-image-3.jpg
image_path: assets/images/unsplash-gallery-image-3-th.jpg
- url: /assets/images/unsplash-gallery-image-3.jpg
image_path: /assets/images/unsplash-gallery-image-3-th.jpg
alt: "placeholder image 3"
title: "Image 3 title caption"
- url: assets/images/unsplash-gallery-image-4.jpg
image_path: assets/images/unsplash-gallery-image-4-th.jpg
- url: /assets/images/unsplash-gallery-image-4.jpg
image_path: /assets/images/unsplash-gallery-image-4-th.jpg
alt: "placeholder image 4"
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"
email: "billy@rick.com"
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"
Cornelius Fiddlebone:
name: "Cornelius Fiddlebone"
email: "cornelius@thewhip.com"
bio: "I ordered what?"
avatar: "assets/images/bio-photo.jpg"
avatar: "/assets/images/bio-photo.jpg"
twitter: "rhymeswithsackit"
```

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

@@ -1,7 +1,7 @@
---
title: "Layout: Header Image (Horizontal)"
header:
image: assets/images/unsplash-image-1.jpg
image: /assets/images/unsplash-image-1.jpg
caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
categories:
- 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"
header:
image: assets/images/unsplash-image-4.jpg
image: /assets/images/unsplash-image-4.jpg
caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
tags:
- sample post

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

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

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

@@ -1,7 +1,7 @@
---
title: "Layout: Header Image Overlay"
header:
overlay_image: assets/images/unsplash-image-1.jpg
overlay_image: /assets/images/unsplash-image-1.jpg
caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
cta_url: "https://unsplash.com"
categories:
@@ -31,7 +31,7 @@ You can use it by specifying the opacity (between 0 and 1) of a black overlay li
```yaml
excerpt: "This post should [...]"
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
caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
cta_label: "More Info"
@@ -45,7 +45,7 @@ Or if you want to do more fancy things, go full rgba:
```yaml
excerpt: "This post should [...]"
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)
caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
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
<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-2-large.jpg"><img src="assets/images/image-filename-2.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>
<figcaption>Caption describing these two images.</figcaption>
</figure>
```