Use image tag from Flickr on your hexo blog posts!!
JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
test
.gitignore
.jshintrc
LICENSE
README.md
flickrTagUtil.js
index.js
package.json

README.md

Introduction

This is a Hexo tag plugin which allows you to embed Flickr photo on your blog posts.

Installation

Run the following command in the root directory of hexo:

npm install hexo-tag-flickr --save

Then add this plugin and Flickr API key in your _config.yml.

plugins:
  - hexo-tag-flickr

# Flickr API key
flickr_api_key: <Your API key>

# Enable Cache file
flickr_cache_file_path: hexo-tag-flickr-cache.json
flickr_cache_expires: 2592000000

Get your Flickr API Key here.

Usage

{% flickr [class1,class2,classN] photo_id [size] %}

Example:

{% flickr 11909477254 %}
{% flickr photo 9528576237 z %}

Will output the HTML:

<img src="http://farm4.staticflickr.com/3731/11909477254_1992af78e4.jpg" width="500" alt="Fuji mountain">
<img src="http://farm6.staticflickr.com/5445/9528576237_b87fc8f98b_z.jpg" width="640" class="photo" alt="九份-阿妹茶樓">

Gallery post

in Front-matter:

photos: 
- flickr 9528576237 m
- flickr 15905712665 z
---

Will convert to image url for gallery post:

photos: [ 
  'https://farm6.staticflickr.com/5445/9528576237_b87fc8f98b_m.jpg',
  'https://farm8.staticflickr.com/7498/15905712665_73705e7986_z.jpg'
]

Available size:

  • s small square 75x75
  • q large square 150x150
  • t thumbnail, 100 on longest side
  • m small, 240 on longest side
  • n small, 320 on longest side
  • - medium, 500 on longest side
  • z medium 640, 640 on longest side
  • c medium 800, 800 on longest side
  • b large, 1024 on longest side
  • o original image, either a jpg, gif or png, depending on source format

Learn more about size suffixes defined by Flickr.

Note:

This plugin is without Flickr authentication, it show only your public photos.

Contribution

Run npm install && npm test to install dependencies & test the plugin (with Mocha tests)