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.
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.
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
- 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.