Skip to content


Subversion checkout URL

You can clone with
Download ZIP
My personal website
HTML CSS JavaScript Ruby
Branch: master

My personal website where I talk about front-end development like HTML5, CSS3 and JavaScript.

How it works?

I use Jekyll, a static generator in Ruby, to create this blog.

First steps

  1. Install Git and Ruby, in case you don't have them yet.

  2. Once installed these dependencies, open up the terminal and install Jekyll with the following command:

    $ gem install jekyll
  3. Now clone the project:

    $ git clone
  4. Navigate to the project folder:

    $ cd
  5. And finally run:

    $ jekyll server --watch

You'll have access to the website at localhost:4000 :D

Browser Support

IE Chrome Firefox Opera Safari
IE 8+ ✔ Latest ✔ Latest ✔ Latest ✔ Latest ✔

File structure

The basic file structure for the project is organized in the following way:

|-- _includes
|-- _layouts
|-- _plugins
|-- _posts
|-- _site
|-- assets
|-- _config.yml
`-- index.html


They're blocks of code used to generate the main page of the site (index.html).


Here you'll find all plugins used.


Here you'll find a list of files for each post.


Here you'll find the default template of the application.


Here you'll find all the static files generated by Jekyll after it's execution. However, this directory is unnecessary in our model, that's why it's ignored (.gitignore).


Here you'll find all images, CSS and JS files.


It stores most of the settings of the application.


It's the file responsible for all application sections.

More information about Jekyll's file structure here.


Inspired by Andy Taylor.


MIT License © Zeno Rocha

Something went wrong with that request. Please try again.