Skip to content

HTTPS clone URL

Subversion checkout URL

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

README.md

zenorocha.com

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 git@github.com:zenorocha/zenorocha.com.git
  4. Navigate to the project folder:

    $ cd zenorocha.com
  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

_includes

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

_plugins

Here you'll find all plugins used.

_posts

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

_layouts

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

_site

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

assets

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

_config.yml

It stores most of the settings of the application.

index.html

It's the file responsible for all application sections.

More information about Jekyll's file structure here.

Credits

Inspired by Andy Taylor.

License

MIT License © Zeno Rocha

Something went wrong with that request. Please try again.