Giter VIP home page Giter VIP logo

generator-static-website's Introduction

generator-static-website

Yeoman generator to create static websites with Stylus, Jade and CoffeeScript.

Installation

Run

npm install -g yo grunt-cli generator-static-website

If you get a permission error, try running npm with sudo.

Usage

To create a new website, run

yo static-website MY_WEBSITE

The directory MY_WEBSITE will be generated. You can then start coding.

cd MY_WEBSITE
grunt

CSS engine

The default CSS engine is Stylus. However, you can use less css if you wish, by adding --css=less to the yo command:

yo static-website MY_WEBSITE --css=less

HTML template engine

The default HTML template engine is Jade. However, you can use ejs (with layouts) if you wish, by adding --html=ejs to the yo command:

yo static-website MY_WEBSITE --html=ejs

Features

  • Lorem Ipsum generator: You can use the lorem ipsum generator as the function lorem in all Jade/EJS templates:

    p= lorem({units: 'paragraphs', count: 2})
    <%= lorem({units: 'paragraphs', count: 2}) %>

generator-static-website's People

Contributors

danhper avatar xarsh avatar

Stargazers

John Valai avatar Chris Alexander avatar Jacky Alciné avatar Raymundo Rabago avatar Diogo Moretti avatar Yuya Soneoka avatar  avatar

Watchers

James Cloos avatar  avatar Kory Yahagi avatar filipe avatar  avatar

generator-static-website's Issues

normalize() does not work in Stylus file

>> File "assets/css/main.styl" changed.
Running "newer:stylus:dev" (newer) task

Running "stylus:dev" (stylus) task
>> TypeError: assets/css/main.styl:1
>>  > 1| normalize()
>>    2| typography()
>>    3|
>>    4| page-width = 980px
>>
>> Cannot call method 'toString' of undefined
Warning: Stylus failed to compile. Use --force to continue.

Aborted due to warnings.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.