https://github.com/rknightuk/eleventy-plugin-post-graph

Generate Github-style post distribution graph for your blog posts in Eleventy
https://github.com/rknightuk/eleventy-plugin-post-graph

11ty 11ty-plugin eleventy eleventy-plugin

Last synced: 8 months ago
JSON representation

Generate Github-style post distribution graph for your blog posts in Eleventy

• Host: GitHub
• URL: https://github.com/rknightuk/eleventy-plugin-post-graph
• Owner: rknightuk
• Created: 2023-12-19T14:09:43.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-01-16T20:49:16.000Z (almost 2 years ago)
• Last Synced: 2024-01-24T09:18:17.744Z (almost 2 years ago)
• Topics: 11ty, 11ty-plugin, eleventy, eleventy-plugin
• Language: JavaScript
• Homepage: https://postgraph.rknight.me/
• Size: 176 KB
• Stars: 6
• Watchers: 1
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: readme.md
  • Changelog: changelog.md

Awesome Lists containing this project

README

          
# eleventy-plugin-post-graph

[![npm](https://img.shields.io/npm/v/@rknightuk/eleventy-plugin-post-graph)](https://www.npmjs.com/package/@rknightuk/eleventy-plugin-post-graph)

Generate Github-style post distribution graph for your blog posts in Eleventy

![](screenshot.png)

## Basic Usage

Install the package

```bash

npm install @rknightuk/eleventy-plugin-post-graph --save-dev

```

In your Eleventy config:

```js

const postGraph = require('@rknightuk/eleventy-plugin-post-graph')

module.exports = (eleventyConfig, options = {}) => {

    eleventyConfig.addPlugin(postGraph)

}

```

In your template, use the shortcode and pass it your posts collection:

```njk

{% postGraph collections.posts %}

```

## Advanced Usage and Options

[See the docs](https://postgraph.rknight.me)