Jekyll is a simple, blog-aware, static site generator. It takes a template directory containing raw text files in various formats, runs it through a converter (like Markdown) and our Liquid renderer, and spits out a complete, ready-to-publish static website suitable for serving with your favorite web server. Jekyll also happens to be the engine behind GitHub Pages, which means you can use Jekyll to host your project’s page, blog, or website from GitHub’s servers for free.
# Install Jekyll and Bundler gems through RubyGems ~ $ gem install jekyll bundler # Create a new Jekyll site at ./myblog ~ $ jekyll new myblog # Change into your new directory ~ $ cd myblog # Build the site on the preview server ~/myblog $ bundle exec jekyll serve # Now browse to http://localhost:4000
If you encounter any unexpected errors during the above, please refer to the already-mentioned requirements page, as you might be missing development headers or other prerequisites.
Your first Jekyll website
Now it’s your turn. Plenty of resources are available to help you build your first Jekyll website:
- The official Jekyll website is a great place to start with in-depth documentation on all of Jekyll’s features.
- Jekyll.tips has a video tutorial series covering core Jekyll topics.
- Have a look at Jekyll templates on GitHub to see how they’re put together: Frisco for marketing websites, Scholar for documentation and Urban for digital agencies.
Guide to Jekyll covering installation, writing, customization, deployment, and more.
Refer to the installing plugins section of Jekyll’s documentation and install the
jekyll-admin plugin as you would any other plugin.
- Add the following to your site’s Gemfile:
gem 'jekyll-admin', group: :jekyll_plugins
~ $ bundle install
- Start Jekyll as you would normally
~ $ bundle exec jekyll serve
- Navigate to
http://localhost:4000/adminto access the administrative interface
If you’re interesting in trying out Jekyll you’re in the right place! This post takes you through everything you need to know from installing Jekyll, to advanced use cases.
Latest posts by David (see all)
- Top 15 Free and Responsive WordPress Themes - 20/05/2017
- 15 Best Free Fonts for Your Inspiration - 15/05/2017
- 50+ Essential Tips for WordPress Website Maintenance - 10/05/2017