Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including metalsmith-bibtex with all npm packages installed. Try it out:

var metalsmithBibtex = require("metalsmith-bibtex")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

metalsmith-bibtex v1.1.5

A metalsmith plugin to load and render bibtex bibliographies.


A metalsmith plugin to load and render bibtex bibliographies.


$ npm install metalsmith-bibtex

Javascript Usage

Pass the options to Metalsmith#use:

var bibtex = require('metalsmith-bibtex');

    collections: {
        publications: 'bib/publications.bib',
        other: 'bib/other.bib'
    default: 'publications',
    style: 'default', // available styles: ['default', 'ieeetr']
    keystyle: 'numbered',
    sortBy: 'year',
    reverseOrder: true


  • collections: the collections from different bibtex files. Each collection is accessible in the global context through its key as bibtex.key
  • default: key of the default bibliography
  • style: Style for rendering bibliographic entries using handlebars helper. Current styles include:
    • default
    • ieeetr
  • keystyle: specifies if the style of citation in the text and bibliography keys (nothing if undefined). Possible options are numbered and citekey.
  • sortBy: specifies the default field for sorting bibliographies.
  • reverseOrder: specifies if entries should be sorted in reverse order.

Handlebars Helpers

Displaying a bibliography

Displaying an entire collection

The plugin defines a handlebars helper for rendering an entire bibtex collection as formatted HTML. It takes a collection as argument, and optionally a style, and key style:

{{bibliography <collection> [<styleName>] [keystyle='numbered'|'citekey']}}

Displaying a single entry

Similarly, the bibformat helper renders a single bibtex entry:

{{bibformat <entry> [<styleName>]}}

Manipulating CSS

The rendering helpers wrap all the fields of a bibtex entry in html tags with classes such as class="bibtex title", which allows for further styling.

Sorting and Grouping


Collections can be sorted according to any field using the bibsort helper:

{{bibsort <collection> <field> [bool:reverseOrder]}}

Example: rendering a collection sorted by year in descending order:

{{bibliography (bibsort bibtex.other _year true)}}


Collections can be grouped by unique values of a given field:

{{bibgroup <collection> <field>}}

Example of bibliography grouped by entry type:

{{#each (bibgroup bibtex.other _entrytype)}}
    {{bibliography entries}}

Citations inside a page

Another helper allows for referring to publications inside the body of the text, which aggregates the cited items in a local bibtex collection.

The cite command can take the collection as optional argument:

{{#bibcite [bibtex.<collection>]}}citekey1 citekey2{{/bibcite}}
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua {{#bibcite}}mccreight1982complete
wheeler1976techniques{{/bibcite}}. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa
qui officia deserunt mollit anim id est laborum {{#bibcite


{{bibliography citations keystyle=bibtex.keystyle}}


See 'example' folder for use within a metalsmith project.


This plugin relies on bib2json (all the hard work is there!).




RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free