Middleman (Bootstrap+Slim+SCSS)
A Middleman starter theme with Twitter Bootstrap, Slim templates, and SCSS.
Install this template
- Clone middleman-bss into
~/.middleman
. You will need to create this directory if it doesn't exist.
git clone https://github.com/hello-jason/middleman-bss.git ~/.middleman/middleman-bss
Using this template
- Create a new Middleman project based on this template.
middleman init project-name --template=middleman-bss
Delete everything above after initializing a project, and keep the content below as decent starting documentation for your project.
Included packages:
Included features:
- Autoprefixer
- CSS reset
- HTML5 layout
- Image compression
- Asset minification
- Favicon generation
- Live Reload
Middleman Website
Setup in development
-
Install rbenv and ruby-build
-
Clone project and cd into project directory
git clone repo-path.git
cd project-dir
- Install Ruby version set in
.ruby-version
rbenv install && rbenv rehash
- Setup local ruby (this number should reflect the ruby version that was just installed)
rbenv local 2.1.5
-
Install JavaScript runtime You need a JS runtime. For Nodejs, I suggest installing via nvm. For therubyracer, add
gem "therubyracer": "x.x.x"
to your Gemfile, then runbundle install
-
Install dependencies
gem install bundler && bundle install
-
Copy
source/environment_variables.rb.sample
tosource/environment_variables.rb
-
Set
site_url_production
andsite_url_development
insource/environment_variables.rb
-
Start Middleman server
bundle exec middleman
Deploying
- Build the project, then copy the contents of
build
to your web server.
bundle exec middleman build