Coder Social home page Coder Social logo

jekyll-flickr's Introduction

jekyll-flickr

A Jekyll plug-in for embedding Flickr photos in your Liquid templates.

Usage:

{% flickr_photo 1234567890 %}
{% flickr_photo 1234567890 "Large Square" %}

... where 1234567890 is the Flickr photo ID, and "Large Square" is the size label as defined here by Flickr.

Medium (~500px width) is the default.

Requires an API Key

The plug-in requires a Flickr API key in _config.yml (where "flickr:" is defined on the root level):

flickr:
  api_key: kjh3g4kj1h2gkjh1gvbnvd7o1khmqjh2g3

Get your API key here.

jekyll-flickr's People

Contributors

enaeher avatar swgn avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

jekyll-flickr's Issues

Confused by formatting in posts and parsed.css

hello! thank you for your plugin.

I have a couple of questions that I hesitate to call issues.

  1. I like how you've done arrangements of flickr images in posts on your weblog, example, but am not clear how to arrange things on my own. When I attempt to do a row of thumbnails, I get a vertical stack of embedded thumbs instead.
  2. What is parsed.css and am I supposed to have one? The plugin refers to it, but it isn't in the repo and it isn't mentioned in the readme. I'm assuming it's something you do on your own site, but is that where some of the formatting secret sauce occurs?

If it isn't a trade secret, I'd love to know the answers. I've about exhausted my limited knowledge and skillset already today!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.