. ├── README.md ├── package.json ├── src │ ├── _asset │ │ ├── image │ │ │ └── become-a-web-developer-today.jpg │ │ │ └── logo.png │ │ └── js │ │ └── all.js │ │ └── game.js │ ├── _component │ │ ├── header │ │ │ ├── header.pug │ │ │ └── header.scss │ │ ├── footer │ │ │ ├── footer.pug │ │ │ └── footer.scss │ │ ├── smart-button │ │ │ ├── smart-button.pug │ │ │ └── smart-button.scss │ │ ├── project-list │ │ │ ├── project-list.pug │ │ │ └── project-list.scss │ │ └── layout │ │ ├── base.pug │ │ └── general.scss │ ├── _data │ │ ├── site.yml │ │ └── user.json │ │ ├── menu.yaml │ │ └── article.json │ ├── embed.scss │ ├── favicon.ico │ ├── index.pug <---------------- MAIN index │ ├── style.scss <---------------- MAIN style │ └── contact │ └── index.pug │ └── portfolio │ └── index.pug │ └── about-me │ └── index.pug │ └── my-first-project │ └── index.pug │ └── how-i-got-to-work-with-big-companies │ └── index.pug └── yarn.lock
if config.entry.css.embed link(rel="stylesheet" href=`${embedPath}` inline)
if config.entry.css.embed link(rel="stylesheet" href=`${embedPath}` embed)
-
deployToGithubIo - (true|false) by default it is set to true and will affect the value of baseUrl when you want to deploy to GitHub.io; You want to set it to false if you want to use customUrl as the value of baseUrl -
customUrl - if you want baseUrl to have a value like http://my-project.wowjob.dev or any other one; -
githubUrl - if you want baseUrl to have a value like http://github.com/marianzburlea/pug-starter.git or any other one;
link(rel="stylesheet", href=`${baseUrl}/style.css`)
a( title="Is it possible? " target="_blank" href=`${baseUrl}/article/nice-weather` )
img(alt="Awesome dog" width="100" href=`${baseUrl}/image/cool-dog.jpg`)
-
Install nodejs, git and github
-
How to make a website for free in 3 easy steps 2017
-
The nightmare is finally over! HTML5 tutorial on how to build a webpage layout 2017
-
Build HTML5 website pain free tutorial for beginners 2017
-
true - it renders if the source file (pug file) has been changed; This has a much much greater speed when rendering compared to the other option however it's only relevant if you make change to the current file watched by PUG. If you make a change to a file that's extended and resides in a path that contains "_", like a layout one, the change won't be reflected. -
false - it renders if any pug file has been changed and compares the output with the destination file (the HTML generated now with the previous generated HTML). This can be slower when the number of files increases.
-
Author: Marian Zburlea -
Author: Istvan Acs
$ npm i
$ npm install
npm install imagemin-pngquant@5.0.1 -D npm install pngquant-bin@3.1.1 -D
npm start
npm run dev
npm run prod
npm run deploy