04 июн 2014
У меня был сайт на WordPress.
Вот, я сказал это.
Если это заставит вас меньше осуждать меня (хотя, вероятно, этого не произойдет), посты были автоматически сгенерированы Flickr. Ладно, это заставляет меня еще больше осуждать себя…
Вот и я, 8 лет в моей профессиональной карьере разработчика (большинство из них — своего рода веб-разработчик), и кто-то другой вел мой блог за меня. Мне стало так лень, что я просто создал наборы на Flickr и разместил их, чтобы поделиться ими.
Что-то нужно было изменить.
Девин Кларк @iDevinClark зажег огонь подо мной… он познакомил меня с бурбоном (дерзким видом) и подтолкнул меня к тому, чтобы начать вести блог. Так что я увлекся дерзостью с бурбоном/чистым/биттером (посмотрите этот пост, чтобы узнать больше о бурбоне от Девина) и создал голый костяк блога… неплохо, но чего-то в нем не хватало. Я действительно хотел, чтобы мои посты с фотографиями тоже были включены в это.
Если кто-то имел дело с Flickr помимо просмотра страницы, все может стать немного интереснее. Однако у них отличный api для разработчиков и есть очень хороший нод-модуль flickrapi. На самом деле копайте flickrapi в основном из-за того, что все переменные подчеркнуты, а не в верблюжьем регистре… обожаю это!
Вот костяк приложения… Я большой поклонник async как библиотеки потока управления, так что вы также можете увидеть кое-что интересное с этой библиотекой:
Первым шагом будет получение статических URL-адресов фотографий, которые у меня есть на Flickr, чтобы я мог установить их в качестве источников изображений в своих сообщениях, как вы можете видеть, я также перемещаю объект flickr:
Вторым шагом будет получение соответствующих данных для каждого набора фотографий. async.parallel — отличный способ сделать это:
Хорошо, теперь у нас есть достаточное количество данных… как преобразовать их в удобную для меня форму:
Итак, теперь у меня есть массив для каждого фотосета, в котором перечислены URL-адреса источника и ссылки:
поэтому я добавляю их как переменную в свою уценку для сайта, а в шаблоне галереи я создаю очень простую галерею, перебирая массив фотографий:
Я не большой поклонник внешнего вида макета моих фотографий ... сетка автоподбора Flickr прекрасна, поэтому я хотел найти что-то подобное. К счастью, я наткнулся на justifiedGallery.
Все, что мне нужно было сделать, это добавить файлы css/js из justifiedGallery, добавить jquery и вызвать
Вот хороший пример того, что может сделать justifiedGallery: «D.C. Почта".
Я рад сообщить, что мой блог WordPress был удален, и я никогда не вернусь!
Первоначально опубликовано на сайте rousseau.io 4 июня 2014 г.