静的サイトジェネレータ Middleman用の雛型です。
| テンプレートエンジン | Slim |
| スタイルシート | Slim |
| CSS設計 | FLOU |
- Middleman: 作業を効率化するフロントエンド開発ツール
- Slim: 簡潔で高性能テンプレートエンジン
- Sass: CSS拡張言語
- FLOU: FLOCSSを扱いきれないあなたに贈る、スリムなCSS設計の話
サイト作成の手助けとなるよう、CSSグリッドで作る HTML5&CSS3 レッスンブック 等をもとにした、サンプルページを同梱しています。お使い頂ければ幸いです。
Middleman インストールしてください。 導入が終わりましたら、以下のコマンドを実行することで、 my_new_site ディレクトリ以下に 雛形が生成されます。
$ middleman init my_new_site -T Atelier-Mirai/mizubasho
Middleman の利用方法については、 公式ガイド をご参照ください。
また、静的サイトジェネレータで樂しく創るウェブサイト では、使い方等のご紹介を行っております。是非お求めください。
This is a template for Middleman, a static site generator.
| Template Engine | Slim |
| Style Sheets | Slim |
| CSS Design | FLOU |
- Middleman: front-end development tool that streamlines your work
- Slim: Concise, high-performance template engine
- Sass: CSS extension language
- FLOU: A slim CSS design story for those of you who can't handle FLOCSS
We have included sample pages based on HTML5&CSS3 Lesson Book with CSS Grid and other resources to help you create your own site. We hope you will find them useful.
Install Middleman. After installation, execute the following command to create a new site in the The template will be generated under the my_new_site directory.
$ middleman init my_new_site -T Atelier-Mirai/mizubasho
For more information on how to use Middleman, please refer to the Official Guide Please refer to Official Guide for details on how to use Middleman.
Also, Websites Created with Static Site Generator provides information on how to use Middleman. Please refer to Official Guide for more information. Please purchase.