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 г.