Giter VIP home page Giter VIP logo

metalsmith-collections's Introduction

metalsmith-collections

A Metalsmith plugin that lets you group files together into an ordered collection, like blog posts. That way you can loop over them to generate an index, or add 'next' and 'previous' links between them.

Features

  • can match files by collection metadata
  • can match files by pattern
  • can limit the number of files in a collection
  • adds collections to global metadata
  • adds next and previous references to each file in the collection

Installation

$ npm install metalsmith-collections

Usage

There are two ways to create collections:

  • by pattern - this is just passing a globing pattern that will group any files that match into the same collection. The passed pattern can be a single pattern (as a string) or an array of globing patterns. For more information read the multimatch patterns documentation.
  • by metadata - this is adding a specific collection metadata field to each item that you want to add to a collection.

The simplest way to create a collection is to use a pattern to match the files you want to group together:

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

metalsmith.use(collections({
  articles: '*.md'
}));

Which is just a shorthand. You could also add additional options:

metalsmith.use(collections({
  articles: {
    pattern: '*.md',
    sortBy: 'date',
    reverse: true
  }
}));

But you can also match based on a collection property in each file's metadata by omitting a pattern, and adding the property to your files:

metalsmith.use(collections({
  articles: {
    sortBy: 'date',
    reverse: true
  }
}));
---
title: My Article
collection: articles
date: 2013-02-21
---

My article contents...

All of the files with a matching collection will be added to an array that is exposed as a key of the same name on the global Metalsmith metadata. You can omit passing any options to the plugin when matching based on a collection property.

Adds a path property to the collection item's data which contains the file path of the generated file. For example, this can be used in mustache templates to create links:

<h1><a href="/{{ path }}">{{ title }}</a></h1>

Collection Metadata

Additional metadata can be added to the collection object.

metalsmith.use(collections({
  articles: {
    sortBy: 'date',
    reverse: true,
    metadata: {
        name: 'Articles',
        description: 'The Articles listed here...'
    }
  }
}));

Collection metadata can also be assigned from a json or yaml file.

metalsmith.use(collections({
  articles: {
    sortBy: 'date',
    reverse: true,
    metadata: 'path/to/file.json'
  }
}));

On each collection definition, it's possible to add a limit option so that the collection length is not higher than the given limit:

metalsmith.use(collections({
  lastArticles: {
    sortBy: 'date',
    limit: 10
  }
}));

By adding refer: false to your options, it will skip adding the "next" and "previous" links to your articles.

metalsmith.use(collections({
  articles: {
    refer: false
  }
}));

CLI Usage

All of the same options apply, just add them to the "plugins" key in your metalsmith.json configuration:

{
  "plugins": {
    "metalsmith-collections": {
      "articles": {
        "sortBy": "date",
        "reverse": true
      }
    }
  }
}

License

MIT

metalsmith-collections's People

Contributors

anthonyshort avatar davidknezic avatar dominicbarnes avatar dpobel avatar ianstormtaylor avatar lambtron avatar mikestopcontinues avatar rgladwell avatar woodyrew avatar

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.