Мне понравилась идея когда я могу встроить изображение в свой сайт из популярных фотохостингов.Я решил использовать для этих целей Flickr по многим причинам. Во-первых достаточно большое дисковое пространство - 1 ТбБ во-вторых много пользовательских режимов, в-третьих достаточно предустановленных режимов отображения фото и видео, в-четвертых довольно таки высокая скорость доступа.Для создания своих статических сайтов я использую генератор Jekyll и сегодня я расскажу как добавить и настроить плагин для вставки изображений.

Для начала нам необходимо создать приложение,у кого нет аккаунта в Flickr - идём и регестрируемся

Переходим по ссылкедалее жмем Request an Api Key, здесь нам предлагают выбрать для комерческого ипользования приложения или нет. Выбираем APPLY FOR NON-COMERCIAL KEY

Вписываем названия нашего приложения и описание, соглашаемся с условиями и нажимаем кнопку “Отправить”

Как показано на рисунке нам предоставили api_key и secret Для нашего плагина нам понадобится api_key:6cef62fa12e54f74f3770d9d6ef2bec2 Что еще нам понадобится от Flickr - это photoID изображения.Выбираем изображение которое вы хотите разместить на сайте,в адресной строке браузера видим ссылку типа моей -

 https://www.flickr.com/photos/135036651@N08/20348431344/in/dateposted-public/
 

цифры 20348431344 и есть photoID нашего изображения.

Теперь переходим к нашему сайту. Нам понадобится установленный Jekyll и плагин, исходный код которого можно скачать на GitHub. Добавьте файл плагина main_flickr.rb в папку _plugins, если такой папки нет - то создайте её.

Так же нам понадобится внести данные api_key из Flickr в файл _config.yml

1 flickr:
2     api_key: 6cef62fa12e54f74f3770d9d6ef2bec2
3      
4      

Создаем новую страницу или редактируем уже существующую. и в место где вы хотите разместить изображение - вставляем код

{% main_photo 20348431344 %}

где 20348431344 это photoID нашего изображения Размер изображения по умолчанию 500х375 Если вы хотите установить другой размер, тогда вам необходимо указать его в одинарных кавычках после изображения.Например:

 
 {% main_photo 20348431344 'Square'%}
 
 

выведет изображение 75х75 Вот список предустановленных размеров:

• ‘Square’ = 75x75
• ‘Large Square’ = 150x150
• ‘Thumbnail’ = 75x100
• ‘Small’ = 180x240
• ‘Small 320’ = 240x320
• ‘Medium’ = 375x500
• ‘Medium 640’ = 480x640
• ‘Medium 800’ = 600x800
• ‘Large’ = 768x1024
• ‘Large 1600’ = 1200x1600
• ‘Original’ = 1200x1600

За более подробной информацией можно обратиться к API Documentation

Отлично, теперь вы сможете размещать свои фото из Flickr на своем сайте. Спасибо за внимание! По вопросам редактирования параметров плагина обращайтесь на почту или соц.сети.