Getting Started

By on

Quick Start

  1. Fork or clone the repo: git clone git@github.com:sparanoid/almace-scaffolding.git.
  2. Install dependencies with Ruby gem bundler and Node.js package manager npm: bundle install && npm install.
  3. Copy _config.init.yml to _config.yml as your default configuration file.
  4. Run grunt serve.

So in short for geeks:

$ git clone git@github.com:sparanoid/almace-scaffolding.git
$ bundle install && npm install
$ cp _config.init.yml _config.yml
$ grunt serve

Download

Go to the GitHub repository for downloads, bug reports, and feature requests.

Upgrading

Upgrading templates is hard, it will be easy if you are’re a casual blogger and keep every template file untouched. Just copy and paste all template files in _assets, _includes, and _layouts. If you change the templates directly, you have to compare them side to side.

Customizing

  • All custom settings can be configured at _config.yml (a copy of _config.init.yml you just duplicated since your first setup), it’s well commented so you should really check it out.
  • Additional variables are stored in ./_app/_data/ directory. They can be accessed by Jekyll. (More info)
  • Customize your site’s look and fell by changing ./_app/assets/_less/custom.less.
  • Use your custom JavaScript snippets (Google Analytics, Typekit, etc.) in ./_app/_includes/js.html.
  • You should also change favicon.ico and apple-touch-icon.png to yours.
  • You can add Travis support for this project, simplly rename .travis.init.yml to .travis.yml.
  • Some tasks in Gruntfile.coffee are not used in this project, they’re copied from my own website, I’ll keep them untouched in case you need these.

Managing Media

Media files are located in /_app/assets/ and grouped by different formats:

  • _js/: JavaScript files, put all needed sctipts in this directoy will just work fine. All files in this directory will be automatically uglified and copied into js/. I don’t expect to have many scripts so no complex “vender”, “lib”, or other fancy structures used for this project.
  • _less/: LESS stylesheets, the leading underscore makes sure this directory is excluded from Jekyll generated site.
  • css/: CSS and its sourcemap files generated from LESS, it’s gitignored.
  • font/: Web fonts
  • img/: Image assets, images used by template, personally I don’t recommend put post images here, use a CDN instead.
  • svg/: The same as img/.

Advanced Usages

Tips

Other Notes

  • _config.yml is git ignored from .git/info/exclude file