elmolm / jekyll-unsplash

Small jekyll include-snippet to create an unsplash.com credit-link.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Jekyll 3.7.0

Jekyll unsplash credit include

If you use photos from unsplash.com - Photos from everyone in your jekyll site, you should include a credit link.

Even though credit isn't required, Unsplash photographers appreciate a credit as it provides exposure to their work and encourages them to continue sharing. A credit can be as simple as adding their name with a link to their profile or photo.

Getting started

  1. Copy the small usplash_credits.html file in your ```jekyll/_inlcude`` folder.
  2. Inlude {% include usplash_credits.html %} in your jekyll/_layouts/post.html
  3. In your posts include the 2 variables:
    • imagecredit_id: '@usplash_id'
    • imagecredit_name: 'usplash user name'

Example

You want to inlcude the following image (Laura Onkel https://unsplash.com/@viazavier in your blog. Flower image

jekyll/_layouts/post.html

<div>
	<div>
		<div>
		...
        <hr />

        {% include usplash_credits.html %}

      </article>
    </div>
  </div>
</div>

jekyll/_posts/2017-03-04-example-post.html

imagecredit_id: '@viazavier'

imagecredit_name: 'Laura Ockel'

---
layout: post
title: Example post
description: This is an example post.
featured: false
author: elmolm
image: '/images/posts/flower_laura_ockel_viazavier.jpg'
imagecredit_id: '@viazavier'
imagecredit_name: 'Laura Ockel'
opengraph_type: article
---

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod 
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. 
At vero eos et accusam et.

Resulting credit link

credit link

About

Small jekyll include-snippet to create an unsplash.com credit-link.


Languages

Language:HTML 100.0%