An example Metalsmith site built from Day One data.
HTML JavaScript CSS
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.
layouts
src
.editorconfig
.gitignore
LICENSE
Metalsmith_Example.zip
README.md
index.js
package-lock.json
package.json

README.md

metalsmith-dayone-example

An example Metalsmith site built from Day One data.

Codeship Status for lukekarrys/metalsmith-dayone-example js-standard-style

Demo

You can check out the deployed version or the built source in the gh-pages branch.

Features

  • Paginated entries pages
  • Paginated entries by tag pages
  • Tags list page
  • Custom domain
  • Deploy to GitHub pages
  • pug template layouts

Usage

This is mostly a collection of Metalsmith plugins that produces a site with all the features I'd want to publish a Day One journal as a blog. I tried to comment everything that's going on in the index.js file, so it'd be at least semi-understandable.

This is just an example, so there's no way to use it directly in your Metalsmith site, but all the Day One data parsing is in the plugin metalsmith-dayone if you wanted to do your own thing with the data.

Use your own data

It is possible to have this example use your own Day One data, if you wanted to see how that would look:

# Export your own Day One data as JSON to your-dayone.zip
git clone git@github.com:lukekarrys/metalsmith-dayone-example.git
cd metalsmith-dayone-example
npm install
npm run build -- --data your-dayone.zip 
npm run preview

LICENSE

MIT