hacks-guide-minimal-mistake.../docs/_docs/03-installation.md
Michael Rose 57a4324fa0 Move gh-pages branch files into /docs and add test files
- Jekyll ignore `/docs` and `/test` folders when using from root
- Update Staticman config to point to correct branch and data file location
- Replace `{{ base_path }}` references with `absolute_url` filter
- Update documentation
2016-11-03 11:52:04 -04:00

5.2 KiB

title permalink excerpt modified
Installation /docs/installation/ Instructions for installing the theme for new and existing Jekyll based sites. 2016-11-03T10:13:32-04:00

Install the Theme

There are several ways to install the theme:

1. For a new site, install the minimal-mistakes-jekyll theme gem or fork the Minimal Mistakes repo on GitHub following the steps outlined in the [Quick-Start Guide]({{ "/docs/quick-start-guide/" | absolute_url }}).

2. For an existing site follow the Ruby Gem Method steps outlined in the [Quick-Start Guide]({{ "/docs/quick-start-guide/" | absolute_url }}). If you plan to host with GitHub Pages I suggest you fork and rename the theme's repo, then clone it locally by running git clone https://github.com/USERNAME/REPONAME.git --- replacing USERNAME and REPONAME with your own.

copy GitHub repo URL
Tap the copy to clipboard button (outlined in red above) to grab your GitHub repo's path.

3. And for those who don't want to mess with Git, you can download the theme as a ZIP file to work with locally.

Download Minimal Mistakes Theme{: .btn .btn--success}

ProTip: Be sure to remove /docs and /test if you forked Minimal Mistakes. These folders contain documentation and test pages for the theme and you probably don't littering up in your repo. {: .notice--info}


To move over any existing content you'll want to copy the contents of your _posts folder to the new site. Along with any pages, collections, data files, images, or other assets you may have.

Next you'll need to convert posts and pages to use the proper layouts and settings. In most cases you simply need to update _config.yml to your liking and set the correct layout in their YAML Front Matter.

Front Matter defaults are your friend and I encourage you to leverage them instead of setting a layout and other global options in each post/page's YAML Front Matter.

Posts can be configured to use the single layout --- with reading time, comments, social sharing links, and related posts enabled. Adding the following to _config.yml will set these defaults for all posts:

defaults:
  # _posts
  - scope:
      path: ""
      type: posts
    values:
      layout: single
      read_time: true
      comments: true
      share: true
      related: true

Post/Page Settings: Be sure to read through the "Working with..." documentation to learn about all the options available to you. The theme has been designed to be flexible --- with numerous settings for each. {: .notice--info}

Install Dependencies

If this is your first time using Jekyll be sure to read through the official documentation before jumping in. This guide assumes you have Ruby v2 installed and a basic understanding of how Jekyll works.

To keep your sanity and better manage dependencies I strongly urge you to install Bundler with gem install bundler and use the following Gemfile:

source "https://rubygems.org"

# Hello! This is where you manage which Jekyll version is used to run.
# When you want to use a different version, change it below, save the
# file and run `bundle install`. Run Jekyll with `bundle exec`, like so:
#
#     bundle exec jekyll serve
#
# This will help ensure the proper Jekyll version is running.
# Happy Jekylling!

# gem "github-pages", group: :jekyll_plugins

# To upgrade, run `bundle update`.

gem "jekyll", "~> 3.3.0"
gem "minimal-mistakes-jekyll"

# If you have any plugins, put them here!
group :jekyll_plugins do
  gem "jekyll-paginate"
  gem "jekyll-sitemap"
  gem "jekyll-gist"
  gem "jekyll-feed"
  gem "jemoji"
end

To maintain a local Jekyll environment in sync with GitHub Pages replace the gem "jekyll" line with gem "github-pages", group: :jekyll_plugins and run the following:

$ bundle install

Note: The GitHub Pages gem installs additional dependencies that may need to be added to your Gemfile if you decide to remove the gem "github-pages" eg. jekyll-paginate, jekyll-sitemap, jekyll-feed, etc. {: .notice--warning}

bundle install in Terminal window

Depending on what gems you already have installed you may have to run bundle update to clear up any dependency issues. Bundler is usually pretty good at letting you know what gems need updating or have issues installing, to further investigate.

When using Bundler to manage gems you'll want to run Jekyll using bundle exec jekyll serve and bundle exec jekyll build.

Doing so executes the gem versions specified in Gemfile.lock. Sure you can test your luck with a naked jekyll serve, but I wouldn't suggest it. A lot of Jekyll errors originate from outdated or conflicting gems fighting with each other. So do yourself a favor and just use Bundler.