Git Product home page Git Product logo

jekyll-boiler's Introduction

Jekyll Boiler

Bare bones Jekyll example site using GitHub’s “pages” gem.

Jekyll

First, read: Using Jekyll with Pages.

Install Ruby, Bundler and Jekyll.

You’ll probably want to install RVM too. If it’s of any help, I have some related notes here.

Note that this repo is a “Project Page”, which means I need to create a gh-pages branch for this to work:

Every GitHub Page is run through Jekyll when you push content to a specially named branch within your repository. For User Pages, use the master branch in your username.github.io repository. For Project Pages, use the gh-pages branch in your project's repository. Because a normal HTML site is also a valid Jekyll site, you don't have to do anything special to keep your standard HTML files unchanged. Jekyll has thorough documentation that covers its features and usage. Simply start committing Jekyll formatted files and you'll be using Jekyll in no time.

Install missing gems:

$ cd repo/
$ bundle install

Or, update gems:

$ bundle update

Execute jekyll and serve:

$ bundle exec jekyll serve --baseurl ''

View drafts:

$ bundle exec jekyll serve --drafts --baseurl ''

View your locally-hosted site at http://localhost:4000.

Bower

Optionally, you can use Bower to install/manage front-end dependencies.

First, install the Bower packages (assuming you already have npm installed):

$ npm install

Next, edit bower.json and define desired dependency information (for documentation, read this and this).

Finally, install or update Bower dependencies:

$ npm run bower-installer

That’s it!

Note: The gh-pages gem does not support Bower; it’s up to you to manually update these front-end dependencies, every once in a while (when appropriate), via the command line on your local/development machine.

Links:

jekyll-boiler's People

Contributors

mhulse avatar

Stargazers

 avatar  avatar

Watchers

 avatar

jekyll-boiler's Issues

bower-installer usage note

Note the syntax for when it comes to installing and re-naming files:

{
  "name": "bower",
  "devDependencies": {
    "headroom.js": "~0",
    "jquery": "~2",
    "pure": "~0"
  },
  "install": {
    "path": {
      "css": "assets/styles/_includes",
      "js": "assets/scripts/_includes"
    },
    "sources": {
      "headroom.js": {
        "mapping": [
          { "bower_components/headroom.js/dist/headroom.min.js": "headroom.min.js" },
          { "bower_components/headroom.js/dist/jQuery.headroom.min.js": "jquery.headroom.min.js" }
        ]
      },
      "jquery": "bower_components/jquery/dist/jquery.min.js",
      "pure": {
        "mapping": [
          { "bower_components/pure/pure.css": "_pure.scss" },
          { "bower_components/pure/grids-responsive.css": "_grids-r.scss" }
        ]
      }
    }
  }
}

Might be nice to put an example of the mapping in the example bower.json file, just for future reference.

Bower

Include example of bower grab for assets and document its usage.

Move _config.yml important bits at top

Like:

title: "Jekyll Boiler"
description: "Bare bones Jekyll example site using GitHub’s “pages” gem."
baseurl: "/election-2014-general"
keywords: ["jekyll", "test", "boiler", "github", "pages"]
paginate: 20

defaults:

Gemfile

The name of the Gemfile should be Gemfile, not GemFile. Rename and make sure this is in my _config.yml:

  - "Gemfile*"

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.