jekyll logo

Want a Jekyll website built?

Hire a Jekyll developer


Hacked Jekyll is a responsive, minimalistic Jekyll theme for a tiny (163.3 kb!) personal website. It consists of a homepage and a 404 page. The homepage lists information set within the configuration file in a format that resembles JSON, giving the website a "hacked" appearance. The user description features typed.js to cycle through multiple lines of text, as long as multiple lines are provided in the configuration.

The style is rebooted through normalize.css and based on the open color library. The monospaced typeface Hack is served together with the website. The favicons are generated by

See the demo to check the end result.


  1. Clone this repository.
  2. Rename it to [username]
  3. Start editing!


All customization happens in the json section of _config.yml. Eight variables can be set, including the user's name and description (note that this is not the same as site description), path to the CV, address and contact details, homepage, repository, and social profiles. All of these variables are optional.

The user description and address variables can be set as arrays (default) or single strings. The contact variable can be set as a hash (default) or single string. The profiles variable must necessarily be a hash.

The color scheme is determined by three lines in _sass/base.scss.

body {
  font-family: "hack", monospace;
  font-size: 16px;
  font-weight: 400;
  background-color: var(--oc-gray-9); // background
  color: var(--oc-green-4); // main text and links
a {
  color: inherit;
  font-style: italic;

  &:active {
    color: var(--oc-green-5); // links on hover


If you find any problem using the theme, please open an issue.

jekyll logo

Want a Jekyll website built?

Hire a Jekyll developer

Get New Themes & Resources