Shopify's Open Source page is build with Jekyll and Sass and hosted on GitHub Pages.
- Clone this branch or download the zip and navigate to the folder in terminal
- Install Jekyll:
gem install jekyll
- Install Sass:
gem install sass
- Use
sass -v
to make sure it worked
- Use
- Install Compass:
gem install compass
- Make sure everything is setup with
bundle install
- Run
bundle exec jekyll serve
- In another terminal window, run
compass watch
- Access the page at
http://localhost:4000
bundle exec jekyll serve
will compile the Jekyll and Sass files into static assets in the _site folder each time a file is saved. That folder is excluded from the repo.compass watch
will update ie.css and main.css.- Use
rake build
to manually parse SCSS files. - Your local build will be nearly empty because:
- The page uses Jekyll's
site.github.public_repositories
object to get the repo data. This data is only available when live. - Custom repo data is generated by Github's JS API, so it will show up locally.
- The page uses Jekyll's