Мне понравилась идея когда я могу встроить изображение в свой сайт из популярных фотохостингов.Я решил использовать для этих целей 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 на своем сайте. Спасибо за внимание! По вопросам редактирования параметров плагина обращайтесь на почту или соц.сети.