Screenshot embedded tweet

jekyll-twitter-plugin

A Liquid tag plugin for Jekyll blogging engine that embeds Tweets, Timelines and more from Twitter API.

Build Status Gem Version


Description

jekyll-twitter-plugin is a Liquid tag plugin for Jekyll that enables Twitter content to be used in any pages generated by Jekyll, content is fetched from the Twitter Publish platform.

The Publish platform allows Twitter users to curate content for display outside of Twitter, you can display many different types of content with the familiar Twitter styling. We use this API and allow any customisation of the content that is accepted by the Twitter publish platform.

You can now embed any Twitter content in your Jekyll powered blog!

Here are a few examples

Tweet

An example of a Tweet - {% twitter https://twitter.com/rubygems/status/518821243320287232 %}

Embedded tweet

Timeline

An example of a Timeline - {% twitter https://twitter.com/jekyllrb maxwidth=500 limit=5 %}

Embedded timeline

Grid Timeline

An example of a Grid Timeline - {% twitter https://twitter.com/TwitterDev/timelines/539487832448843776 limit=5 widget_type=grid maxwidth=500 %}

Embedded Grid Timeline

Moment

An example of a Moment - {% twitter https://twitter.com/i/moments/650667182356082688 maxwidth=500 %}

Embedded moment

Features

The plugin supports the following features:

  • Installed via Rubygems.
  • Customisation - All customisation options passed to Twitter API.
  • Authentication - No authentication required!
  • Caching - Twitter API responses can be cached to speed up builds.

Getting Started

As mentioned by Jekyll's documentation you have two options; manually import the source file or require the plugin as a gem.

Require gem

Install the gem, add it to your Gemfile;

gem 'jekyll-twitter-plugin'

Add the jekyll-twitter-plugin to your site _config.yml file for Jekyll to import the plugin as a gem.

gems: ['jekyll-twitter-plugin']

Manual import

Note: this is deprecated and support will be removed in a later version.

Just download the source file into your _plugins directory, e.g.

# Create the _plugins dir if needed and download project_version_tag plugin
$ mkdir -p _plugins && cd _plugins
$ wget https://raw.githubusercontent.com/rob-murray/jekyll-twitter-plugin/master/lib/jekyll-twitter-plugin.rb

Plugin tag usage

To use the plugin, in your source content use the tag twitter and then pass additional options to the plugin, these are passed to the API.

{% plugin_type twitter_url *options %}

# Example for timeline of the **jekyllrb** user with a maximum of 5 Tweets and with a width of 500px
{% twitter https://twitter.com/jekyllrb maxwidth=500 limit=5 %}
Argument Required? Description
plugin_type Yes Either twitter or twitternocache (same as twitter but does not cache api responses)
twitter_url Yes The Twitter URL to use, check below for supported URLs.
*options No Parameters for the API separated by spaces. Refer below and to respective Twitter API documentation for available parameters.

Supported Twitter URLs

The Twitter URLs that are supported depends on Twitter, we pass the url and all parameters to the API - check Twitter Publish platform for availability. Here is documentation for some common types:

Tweet:
Timeline:
Moments:

Customisation

All pairs of options and values after the URL are passed to the API, the parameters must be in pairs with the option as the key: option=value.

For exampled if you wanted to limit the width of the embedded content then the API supports a maxwidth option so you could construct the tag as below to limit it to a value of 500 (pixels).

{% twitter https://twitter.com/jekyllrb maxwidth=500 %}

Authentication

The API does not require any authentication.

Previous version of this library used an API that required API keys (TWITTER_CONSUMER_KEY TWITTER_CONSUMER_SECRET TWITTER_ACCESS_TOKEN TWITTER_ACCESS_TOKEN_SECRET). We now print a warning if these are detected as a reminder that you can safely remove them.

Output

All content will be rendered inside a div with the class jekyll-twitter-plugin.

<div class='jekyll-twitter-plugin'>
    -- content from API --
</div>

If something goes wrong then a basic error message will be displayed;

Tweet could not be processed

If we receive an error from the API then a message will be cached and rendered something like this below. If its a 404 then this suggests the Tweet is protected or deleted and it is not fetched again, and again. If the Tweet is restored then simply delete the cached response from .tweet-cache directory and build again.

<div class='jekyll-twitter-plugin'>
    <p>There was a '{error name}' error fetching Tweet '{Tweet status url}'</p>
</div>

Caching

Twitter API responses can be cached to speed up Jekyll site builds. The reponses will be cached in a directory within your Jekyll project called .tweet-cache, this should not be committed to source control.

Caching is enabled by using the twitter tag.

It is possible to disable caching by using the specific twitternocache tag.

{% twitternocache twitter_url *options %}

# Example
{% twitternocache https://twitter.com/rubygems/status/518821243320287232 %}

Contributions

I've tried hard to keep all code in the one lib/jekyll-twitter-plugin.rb file so that people can just grab this file and include in their Jekyll _plugins directory if they do not want to install with Rubygems. This will be dropped in a later version.

Please use the GitHub pull-request mechanism to submit contributions.

There is a quick integration test in spec/integration_tests.rb that will use the jekyll-twitter-plugin public api and output a file output_test.html. Run this with the following command:

$ ruby spec/integration_tests.rb && open output_test.html

Versioning

We use SemVer for versioning. For the versions available, see the tags on this repository.

License

This project is licensed under the MIT License - see the LICENSE file for details