Blog from Denys Dovhan
My awesome static blog.
Here is my blog about front-end technologies, design, JavaScript, HTML/CSS, etc. This is cool because:
- It's open source — so you can improve this and fix mistakes.
- It's static — so it's convenient for me, superfast and hosted on GitHub Pages.
- It's habitual — 'cause build using familiar tools, like Gulp, Jade, Markdown and Travis.
Installation
If you want fix mistakes or propose changes, you can clone this repo and install dependencies using following command:
git clone https://github.com/denysdovhan/denysdovhan.github.io.git && cd denysdovhan.github.io && npm i
Also don't forget that you can easily download it and read offline.
Tasks
I've mentioned that this site has builded using Gulp, so you could use these common tasks:
gulp
— alias forgulp serve
.gulp serve
— build and run local server with live-reload.gulp build
— build site intodist/
folder.gulp deploy
— rebuildmaster
usingdist/
and push toorigin
.
Also there are these specified tasks:
gulp collect
— collect all posts fromposts/
intoposts
variable.gulp posts
— render all posts usingposts
variable andlayout/post.jade
.gulp index
— render index-page using.layout/index.jade
.gulp styles
— render styles fromstyles/
.gulp rss
— render feed usingposts
variable.gulp cname
— just putCNAME
file intodist
folder.gulp watch
— watch for changes indist
.gulp clean
— cleardist/
folder.
And of course look at npm-scripts:
npm start
— alias forgulp
npm build
— alias forgulp build
npm deploy
— alias forgulp deploy
To-do
- Get rid of front-matter.
- Migrate to ES2015 (using Babel).
- Add pagination #2.
- Reloading
package.json
andgulpfile.js
. - Migrate to PostCSS.
- Add syntax highlighting.
- Fix vertical rhythm.