GithubHelp home page GithubHelp logo

assemble / assemble-hekyll Goto Github PK

View Code? Open in Web Editor NEW
2.0 7.0 1.0 82 KB

Assemble plugin for building a hekyll theme (Jekyll theme converted to handlebars).

Home Page: https://github.com/assemble/assemble-hekyll

License: MIT License

JavaScript 86.84% HTML 13.16%
hekyll jekyll assemble liquid handlebars theme templates blog gh-pages static-site static-site-generator generator generate scaffolding

assemble-hekyll's Introduction

assemble-hekyll NPM version NPM monthly downloads NPM total downloads

Assemble plugin for building a hekyll theme (Jekyll theme converted to handlebars).

Follow this project's author, Jon Schlinkert, for updates on this project and others.

Install

Install with npm:

$ npm install --save assemble-hekyll

Usage

var hekyll = require('assemble-hekyll');
var assemble = require('assemble');
var app = module.exports = assemble();
app.use(hekyll());

Usage

var hekyll = require('assemble-hekyll');

Quickstart

The easiest way to convert and build a Jekyll theme with assemble is to start by using generate-hekyll to convert the theme. generate-hekyll has built-in support for all of GitHub's default Jekyll themes, as well as all of the awesome poole themes from @mdo.

See the alternative steps if you want more fine grained control over cloning and converting the theme.

1. Install generate-hekyll

First, install generate and generate-hekyll:

$ npm install -g generate generate-hekyll

2. Convert the theme you want

Next, run generate-hekyll to download and convert the theme you want:

$ gen hekyll

3. Customize and build!

Feel free to customize your assemblefile.js! You should now be able to build the site at any time with the following command:

$ assemble

Alternative steps

As an alternative to using generate-hekyll to convert the theme (steps 1 and 2), you can do the following.

Step 1: git clone

git clone the theme you want into a local directory.

Step 2: Tell assemble where to find the theme

In assemblefile.js, tell assemble where to find the Jekyll theme and where to write the converted handlebars files.

app.option({
  // current working directory
  cwd: __dirname, 

  // path to the jekyll theme
  theme: 'vendor/poole/lanyon', 

  // path to write the converted files. remember, the generated files 
  // will become your "source" templates when you build the handlebars
  // theme with assemble
  destBase: 'src' 
});

Step 3: Convert the theme

Run the following to convert your theme.

$ assemble hekyll

assemblefile.js

Example code to use in your assemblefile.js.

var hekyll = require('assemble-hekyll');
var argv = require('minimist')(process.argv.slice(2));
var Assemble = require('assemble');

/**
 * Instantiate and expose your instance of assemble to assemble's CLI
 */

var app = module.exports = new Assemble(argv);

/**
 * Options
 */

// these options are necessary only if you're cloning the theme yourself
// using the alternative steps described above. Replace these values with
// your own.
app.option({cwd: __dirname, theme: 'vendor/poole/lanyon', destBase: 'src'});

// the following options are necessary if you want to download metadata
// from the repository to use in templates. Replace these values with
// the owner/repository to use for getting metadata.
app.option({owner: 'jonschlinkert', repo: 'hekyll'});

// if you want to download metadata, pass username and password, or token.
// note that the `metadata` task is skipped if these values aren't defined
app.option(require('./tmp/auth.json'));

/**
 * Register hekyll plugin
 */

app.use(hekyll(app.options));

/**
 * Default task
 */

app.task('default', ['theme']);

Please help improve this project

As with any site, you'll need to make some customizations, and potentially fix any remaining issues that were missed by the plugin. If you find a bug, or something that doesn't work, but you think this plugin should handle it, please don't hesitate to create an issue.

About

Related projects

You might also be interested in these projects:

  • generate-hekyll: Scaffold out a handlebars theme from a Jekyll theme using Hekyll. | homepage
  • generate: Command line tool and developer framework for scaffolding out new GitHub projects. Generate offers the… more | homepage
  • hekyll-cli: CLI for hekyll, the Jekyll to Handlebars theme converter. | homepage
  • hekyll: Migrate Jekyll (gh-pages) themes to use handlebars instead of liquid. | homepage

Contributing

Pull requests and stars are always welcome. For bugs and feature requests, please create an issue.

Please read the contributing guide for advice on opening issues, pull requests, and coding standards.

Building docs

(This project's readme.md is generated by verb, please don't edit the readme directly. Any changes to the readme must be made in the .verb.md readme template.)

To generate the readme, run the following command:

$ npm install -g verbose/verb#dev verb-generate-readme && verb

Running tests

Running and reviewing unit tests is a great way to get familiarized with a library and its API. You can install dependencies and run tests with the following command:

$ npm install && npm test

Author

Jon Schlinkert

License

Copyright © 2017, Jon Schlinkert. Released under the MIT License.


This file was generated by verb-generate-readme, v0.6.0, on September 21, 2017.

assemble-hekyll's People

Contributors

jonschlinkert avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  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.