Grab dev dependencies (yeoman generators & grunt tasks). In the Jekyll website root.
# init a new repo
mkdir -p ~/sites/blogthing
cd ~/sites/blogthing
npm init
# install the package. Add it to your package.json dependencies
npm install https://github.com/mklabs/yeoman-jekyll/archive/master.tar.gz --save
# Run the generator and create the initial file structure
yeoman init jekyll
# anwser a few prompts
# Install Jekyll locally (get [bundler](http://gembundler.com/))
bundle install
# start jekyll server
grunt --config Gruntfile.js jekyll
# or yeoman jekyll
The generator should create a basic Gruntfile.js
with a _tasks
directory
including few jekyll-*
tasks to serve or compile the website.
jekyll Compile jekyll with default config (in _config.yml)
jekyll-compile Runs jekyll in no-server mode, compiling to _site
jekyll-help Outputs Jekyll help output
todo
jekyll-reload Watch _site for file changes and send a LiveReload notification
jekyll-build Compiles assets and update layouts
yeoman-jekyll
defines the following generators:
yeoman init jekyll -h
Generator based on @necolas' jekyll-boilerplate, with some ability to wire up some of the GitHub Page theme.
Usage:
yeoman init jekyll LOCATION [options]
Options:
-h, --help # Print generator's options and usage
# Default: false
--theme # Choose a theme from the following GitHub page templates:
- orderedlist/modernist
- orderedlist/minimal
- mattgraham/Midnight
- jsncostello/slate
- mattgraham/Leap-Day
- jonrohan/time-machine-theme
- cameronmcefee/merlot
- broccolini/dinky
- tactile
# Default: tactile
--gruntfile # Gruntfile to be invoked
# Default:
Description:
Yeoman generator based on @necolas' Jekyll Boilerplate.
This generator will simply fetch the latest state of jekyll-boilerplate's
master branch (unless the content is already cached by yeoman at
`~/.yeoman/cache/necolas/jekyll-boilerplate)` in the `location` argument
provided.
Arguments:
- location: Defaults to current working directory. Base directory to copy
the content of the remote template.
Tasks:
This generator will also generate:
- a basic Gruntfile if none were found
- a tasks/ directory with:
- server: Override the built-in server command to run Jekyll instead.
Example:
yeoman init jekyll
This will create:
.
|-- .gitignore
|-- README
|-- _config.yml
|-- _layouts
| |-- default.html
| |-- post.html
|-- _includes
|-- _posts
| |-- 1970-01-01-placeholder-post.md
|-- index.html
yeoman init gruntfile:jekyll -h
Invoked by jekyll
generator as hook, but can be triggered directly to
generate only the grunt configuration, or update an existing one.
Usage:
yeoman init gruntfile:jekyll [options]
Options:
-h, --help # Print generator's options and usage
# Default: false
Description:
This generator is here to help with the setup of grunt / yeoman
configuration on Jekyll based websites.
It'll scan the current working directory for key-directories and known file
patterns. You'll then be asked for confirmation on each of these directory,
with sensitive defaults, or suggestion based on the current file structure.
ex. A lookup is performed on the current working directory for CSS (and
scss/sass files). Each result is then reduced into a list of unique
directory paths. If the scanned directories consists in a single result,
then the system suggest to use that path as "styles" value.
The result is then persisted as a local `.yeomanrc` JSON file, along the
generation of a Yeoman Gruntfile.
Example:
yeoman init gruntfile:jekyll
This will create:
Gruntfile.js
.yeomanrc