Really Simple is a really simple Jekyll theme. It is barebones and is meant to get a blogging site up very quickly. The Really Simple design is basic yet aesthetically pleasing. In other words it's good enough for an MVP allowing the author to quickly publish content without worrying about the details.
There are no bells and no whistles. Those can be added later -- when the author is ready.
Preview the theme to see what it looks like.
This Really Simple Jekyll theme is a gem.
In your Gemfile
add the line:
gem 'really-simple'
In your _config.yml
file specify the theme:
theme: really-simple
And then execute:
$ bundle
The following settings are configurable in _config.yml
:
-
title
- Title of your site. This is used in the header and footer. -
post_limit
- The number of posts to show on the home page. Link to archives in the header and at the end of the home page will only display based on this setting. When this is not specified, Really Simple defaults the limit to 3. -
post_excerpt
- When theactive
property forpost_excerpt
is set to true the home page will display only the post excerpt of each post. Thecaption
property allows customization of the "more" link under the post excerpt. See example below. -
google_analytics
- The google analytics Tracking ID. When specified, the appropriate script is included in the header.
Here's an example:
title: Really Simple # Title of site.
post_limit: 3 # Number of posts to display on the home page.
google_analytics: UA-111111111-1 # Google Analytics Tracking ID.
post_excerpt:
active: true # Show excerpts of posts when true instead of entire posts on home page.
caption: "More..." # Anchor text that links to the entire post.
archives_link_caption: Browse Archives # Anchor text for the link to archives.
The color palette can be changed and configured by changing the rgb in _sass/_colors.scss
. If using the gem, merely create the file _colors.scss
under the folder _sass
and set the colors appropriately. Here's an example:
$header-text-color: #ee4035;
$header-nav-color: #0090B2;
$content-text-color: #333;
$footer-text-color: #ee4035;
$post-link-color: #7bc043;
$normal-link-color: #0392cf;
$hover-link-color: #f37736;
$table-border-color: #eee;
$blockquote-txt-color: #999;
$blockquote-border-color: #fdf498;
$code-bg-color: #fdf498;
The above will render the palette like so:
The menu items are configuration driven. Any pages with the front matter property of menu_item
set to true will be rendered as part of the menu in the header. For example, consider the following pages:
archives.md
:
---
title: Archives
permalink: archives
menu_item: true
---
about.md
:
---
title: About
menu_item: true
---
With the above pages, the menu items "About" and "Archives" will be rendered.
Really Simple comes with a simple layout for archives. Just include layout: archives
in the front matter of your archive page like this.
The Really Simple theme is meant to be minimal and be a design starting point. It follows the following principles:
-
It should work out of the box without additional configuration.
-
It should be lightweight. No external dependencies on CSS or JS frameworks.
-
It should be responsive.
I had been struggling to find a really simple Jekyll theme that supported blogging out of the box. It was either esthetically not pleasing to me or that it had too many bells and whistles forcing me to think about things I did not wish to have to think about immediately. I just wanted to launch.
While flying from Los Angeles (LAX) to San Diego (SAN) our flight was refused landing due to fog. We had to turn back to LAX. After landing back in LAX, Delta booked a bus to drive us to SAN instead. It was late, I couldn't sleep. I was inspired to create and I had time to burn.
So, I hacked this together during the two hour bus ride.
Bug reports and pull requests are most welcome.
Available as open source under the terms of the MIT License.