GithubHelp home page GithubHelp logo

nirgn975 / generator-jekyll-starter-kit Goto Github PK

View Code? Open in Web Editor NEW
146.0 8.0 22.0 3.37 MB

๐Ÿš€ Jekyll Progressive Web App Generator.

License: ISC License

JavaScript 29.01% Ruby 3.06% CSS 14.30% HTML 13.25% Pug 0.46% Sass 20.16% SCSS 19.76%
progressive-web-app generator yeoman jekyll es2015 travis-ci service-worker best-practices seed starter-kit

generator-jekyll-starter-kit's Introduction

license GitHub release (latest by date) semantic-release Continuous Deployment Dependency Status codecov Codacy Badge Maintenance

Jekyll + Google web-starter-kit = best of both worlds

Installation

First, install Yeoman and jekyll-starter-kit using npm (we assume you have pre-installed node.js).

npm install -g yo
npm install -g generator-jekyll-starter-kit

Then generate your new project:

yo jekyll-starter-kit

Features

  • Automagically compile Pug
  • Automagically compile Sass / SCSS
  • Minify HTML
  • Minify and Autoprefixing CSS
  • Awesome image optimization before deploy
  • Enable ES2015 features using Babel
  • Concatenate and minify JavaScript
  • Built-in preview server with BrowserSync
  • Automagically create a service worker file for offline caching
  • Deploy the project to GitHub pages or Firebase with only one command
  • Automagically test your project output on GitHub Actions with html-proofer
  • Test your project against lighthouse and fail GitHub Action with score below 80/100
  • Awesome README file with all instructions and badges - like the pros ๐Ÿ˜‰

Trouble with running the project?

There's could be an issue with Gem package manager and the gems on your local machine. If so, run:

bundle install

For more info about bundle go to Bundler.

Want to help?

Great! Here is how you can install the local generator to test changes.

  1. Git clone your fork locally.
  2. npm install inside the new directory.
  3. npm link - This makes your local system sync with the changes you make
  4. mkdir app
  5. Inside the new directory, initiate yo jekyll-starter-kit

Contributors

npm

generator-jekyll-starter-kit's People

Contributors

carolkng avatar dependabot-preview[bot] avatar dependabot[bot] avatar gitter-badger avatar nirgn975 avatar semantic-release-bot avatar winstonpurnomo avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

generator-jekyll-starter-kit's Issues

Miscellaneous

  • Add _layouts directory .
  • Add _includes directory with nav and footer.
  • Make sure all *.html files have an *.pug.
  • Create robots.txt file.

Upgrade Jekyll to version 3.7.2

This is a ... (check one with "x")

[ ] Bug report
[x] Feature request
[ ] Clarification on the documentation

Current behavior
Jekyll is on 3.6.2

What is the expected behavior? (if you know how it should behave)
Jekyll should be on 3.7.2

Auto Deploy to npm

This is a ... (check one with "x")

[ ] Bug report
[x] Feature request
[ ] Clarification on the documentation

Current behavior
The deploy of a new version to npm registry is manually.

What is the expected behavior? (if you know how it should behave)
The deploy of a new version to npm registry should happen automatically with travis-ci after all the tests are done, and only if there is a new release.

Upgrade Jekyll and more

  • Upgrade Jekyll to version 3.6.2.
  • Add Carol Ng to the Contributors section.
  • Add .github directory with issue and pull request templates.
  • Upgrade npm version.
  • Update npm packages.

Upgrade dependencies

This is a ... (check one with "x")

[ ] Bug report
[x] Feature request
[ ] Clarification on the documentation

Current behavior

What is the expected behavior? (if you know how it should behave)

Add ES2015

If the user choose to add ES2015, add support of it with babel.

User babel in gulpfile.

  • Add babel.
  • Prompt the user for ES2015 (babel) or not.
  • Remove 0.12 and 0.10 from .travis file.
  • Getting To Know Yeoman section from README.md file.
  • Edit the package.json of the template project.
  • Add LICENSE file to the template project.

Task 'default' is not in your gulpfile

Was getting the below:

npm run gulp

> [email protected] gulp /Users/ed/Sites/epluno
> gulp

[08:35:09] Requiring external module babel-register
[08:35:10] Using gulpfile ~/Sites/epluno/gulpfile.babel.js
[08:35:10] Task 'default' is not in your gulpfile
[08:35:10] Please check the documentation for proper gulpfile formatting

I run npm install --save-dev babel-register resolved the default task error but running npm run gulp starts and finishes after almost no time...

Update maintenance badge for 2018

This is a ... (check one with "x")

[x] Bug report
[ ] Feature request
[ ] Clarification on the documentation

Current behavior
Update maintenance badge for 2018.

What is the expected behavior? (if you know how it should behave)
The badge is for 2017, so the maintenance status is on stale

Add art work.

Add the logo of the project to the README.md file.

Bug with gulp-shell

Hi ! When i run npm start and it have a problem

Error in plugin "gulp-shell"
Message:
    Command `jekyll build` failed with exit code 127

Anything to fix this? Thanks

Handle CSS/SASS/SCSS

  • Add gulp task for SASS/SCSS to css.
  • Add gulp task to minify and autoprefix css.

Edit badges and add feature section

npm

Fix gitter:
Gitter

Add Features section:

## Features

* Automagically compile [Pug](https://github.com/pugjs/pug) [optional]
* Automagically compile Sass / SCSS
* Minify HTML
* Minify and Autoprefixing CSS
* Awesome image optimization before deploy
* Enable ES2015 features using Babel
* Concatenate and minify JavaScript
* Built-in preview server with BrowserSync
* Automagically create a service worker file
* Deploy the project to GitHub pages or Firebase with only one command
* Automagically test your project output on Travis-CI
* Test your project against [lighthouse](https://github.com/GoogleChrome/lighthouse) and fail Travis-CI with score below 80

Update Jekyll and other dependencies

This is a ... (check one with "x")

[ ] Bug report
[x] Feature request
[ ] Clarification on the documentation

Current behavior
Old version of Jekyll.

What is the expected behavior? (if you know how it should behave)
Most updated version of Jekyll.

Add browser-sync

  • Watch HTML / Pug (Jade).
  • Watch css / sass / scss.
  • Inject (realod) changes.

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.