Gulp Site Generator

screenshot of Gulp Site Generator

A static site generator using Gulp

Overview:

This is a simple static site generator using Gulp. It converts Markdown files to static HTML, handlesbars templates and partials, compiles and minifies Sass, reduces CSS, concatenates and minifies Javascript, copies assets, compresses images, creates an RSS feed, and provides a server for viewing the built site. It is ideal for personal, blog or documentation sites and can be served by Nginx, Apache, or another web server.

Features:

  • Convert Markdown files to static HTML
  • Handlebars templates and partials
  • Sass compiling and minification
  • Css reducing (Uncss)
  • Javascript concatenating and minification
  • Asset copying
  • Image compression
  • HTML compression
  • RSS feed creation
  • Server for viewing built site
  • Clobber for cleaning build directory
  • Save content as draft
  • Convert draft templates
  • Creates a build/ directory with built content and assets

Summary:

This static site generator uses Gulp to convert Markdown files to static HTML, compile and minify Sass, optimize CSS and JS files, compress images, create an RSS feed, and provide a server for viewing the built site. It is easy to install and can be used for personal, blog, or documentation sites. The installation process involves cloning the repository, installing Gulp globally, installing dependencies, and running the generator. Overall, it is a convenient tool for creating and managing static sites.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

gulp
Gulp

Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.