104 lines
5.9 KiB
Markdown
104 lines
5.9 KiB
Markdown
# Middleman - Makes developing websites simple
|
|
|
|
**Middleman** is a static site generator using all the shortcuts and tools in modern web development. Check out [middlemanapp.com](http://middlemanapp.com/) for detailed tutorials, including a [getting started guide](http://middlemanapp.com/basics/getting-started/). You can also follow [@middlemanapp](https://twitter.com/middlemanapp) for updates.
|
|
|
|
## Why Middleman?
|
|
|
|
The last few years have seen an explosion in the amount and variety of tools developers can use to build web applications. Ruby on Rails selects a handful of these tools:
|
|
|
|
* [Sass](http://sass-lang.com/) for DRY stylesheets
|
|
* [CoffeeScript](http://coffeescript.org/) for safer and less verbose javascript
|
|
* Multiple asset management solutions, including [Sprockets](https://github.com/sstephenson/sprockets)
|
|
* [ERb](http://ruby-doc.org/stdlib-2.0.0/libdoc/erb/rdoc/ERB.html) & [Haml](http://haml.info/) for dynamic pages and simplified HTML syntax
|
|
|
|
**Middleman** gives the stand-alone developer access to all these tools and many, many more. Why would you use a stand-alone framework instead of Ruby on Rails?
|
|
|
|
These days, many websites are built with an API in mind. Rather than package the frontend and the backend together, both can be built and deployed independently using the public API to pull data from the backend and display it on the frontend. Static websites are incredibly fast and require very little RAM. A front-end built to stand-alone can be deployed directly to the cloud or a CDN. Many designers and developers simply deliver static HTML/JS/CSS to their clients.
|
|
|
|
## Installation
|
|
|
|
Middleman is built on Ruby and uses the RubyGems package manager for installation. These are usually pre-installed on Mac OS X and Linux. Windows users can install both using [RubyInstaller].
|
|
|
|
```
|
|
gem install middleman
|
|
```
|
|
|
|
## Getting Started
|
|
|
|
Once Middleman is installed, you will have access to the `middleman` command. First, let's create a new project. From the terminal:
|
|
|
|
```
|
|
middleman init MY_PROJECT
|
|
```
|
|
|
|
This will create a new Middleman project located in the "MY_PROJECT" directory. This project contains a `config.rb` file for configuring Middleman and a `source` directory for storing your pages, stylesheets, javascripts and images.
|
|
|
|
Change directories into your new project and start the preview server:
|
|
|
|
```
|
|
cd MY_PROJECT
|
|
middleman server
|
|
```
|
|
|
|
The preview server allows you to build your site, by modifying the contents of the `source` directory, and see your changes reflected in the browser at: `http://localhost:4567/`
|
|
|
|
To get started, simply develop as you normally would by building HTML, CSS, and Javascript in the `source` directory. When you're ready to use more complex templates, simply add the templating engine's extension to the file and start writing in that format.
|
|
|
|
For example, say I am working on a stylesheet at `source/stylesheets/site.css` and I'd like to start using Compass and Sass. I would rename the file to `source/stylesheets/site.css.scss` and Middleman will automatically begin processing that file as Sass. The same would apply to CoffeeScript (`.js.coffee`), Haml (`.html.haml`) and any other templating engine you might want to use.
|
|
|
|
Finally, you will want to build your project into a stand-alone site. From the project directory:
|
|
|
|
```
|
|
middleman build
|
|
```
|
|
|
|
This will compile your templates and output a stand-alone site which can be easily hosted or delivered to your client. The build step can also compress images, employ Javascript & CSS dependency management, minify Javascript & CSS and run additional code of your choice. Take a look at the `config.rb` file to see some of the most common extensions which can be activated.
|
|
|
|
## Learn More
|
|
|
|
A full set of in-depth instructional guides are available on the official website at: http://middlemanapp.com.
|
|
|
|
Additionally, up-to-date generated code documentation is available on [RubyDoc].
|
|
|
|
## Build & Dependency Status
|
|
|
|
[][gem]
|
|
[][travis]
|
|
[][coveralls]
|
|
[][gemnasium]
|
|
[][codeclimate]
|
|
|
|
## Community
|
|
|
|
The official community forum is available at: http://forum.middlemanapp.com
|
|
|
|
## Bug Reports
|
|
|
|
Github Issues are used for managing bug reports and feature requests. If you run into issues, please search the issues and submit new problems: https://github.com/middleman/middleman/issues
|
|
|
|
The best way to get quick responses to your issues and swift fixes to your bugs is to submit detailed bug reports, include test cases and respond to developer questions in a timely manner. Even better, if you know Ruby, you can submit [Pull Requests](https://help.github.com/articles/using-pull-requests) containing Cucumber Features which describe how your feature should work or exploit the bug you are submitting.
|
|
|
|
## How to Run Cucumber Tests
|
|
|
|
1. Checkout Repository: `git clone https://github.com/middleman/middleman.git`
|
|
2. Install Bundler: `gem install bundler`
|
|
3. Run `bundle install` inside the project root to install the gem dependencies.
|
|
4. Run test cases: `bundle exec rake test`
|
|
|
|
## Donate
|
|
|
|
[Click here to lend your support to Middleman](https://spacebox.io/s/4dXbHBorC3)
|
|
|
|
## License
|
|
|
|
Copyright (c) 2010-2014 Thomas Reynolds. MIT Licensed, see [LICENSE] for details.
|
|
|
|
[middleman]: http://middlemanapp.com
|
|
[gem]: https://rubygems.org/gems/middleman
|
|
[travis]: http://travis-ci.org/middleman/middleman
|
|
[coveralls]: https://coveralls.io/r/middleman/middleman
|
|
[gemnasium]: https://gemnasium.com/middleman/middleman
|
|
[codeclimate]: https://codeclimate.com/github/middleman/middleman
|
|
[rubyinstaller]: http://rubyinstaller.org/
|
|
[rubydoc]: http://rubydoc.info/github/middleman/middleman
|
|
[LICENSE]: https://github.com/middleman/middleman/blob/master/LICENSE.md
|