Demo here: http://poprotsky.eu/github/blog-template
All content is only demonstrative. other pages in demo:
- http://poprotsky.eu/github/blog-template/category.html
- http://poprotsky.eu/github/blog-template/post.html
- http://poprotsky.eu/github/blog-template/events.html
- http://poprotsky.eu/github/blog-template/profile.html
- http://poprotsky.eu/github/blog-template/forum-list.html
- http://poprotsky.eu/github/blog-template/forum-post.html
- http://poprotsky.eu/github/blog-template/search-results.html
- http://poprotsky.eu/github/blog-template/ui-elements.html
- http://poprotsky.eu/github/blog-template/404.html
Clone repo and use npm install
to install all dependencies.
Use default gulp task gulp
to start development version.
This task run other important tasks like watch changes in .html, .css, .js files, compile scss code to css, minify and compress js code etc.
Now you have a project on your localhost. You have livereload and other nice things, which will simplify the development.
Use gulp task gulp build
to build production version. You have a build files in dist
folder
gulp scss-to-css
- this task compiling scss to css, replacing px to rem, adding to vendor prefixes and other.gulp vendor-scripts
- this task taking all vendors js files to minify and compress it.gulp main-js
- this task watching to changes in your main.js file and refresh the page if this file is changed.