What's jekyll-minimal-theme?

It's another minimal(istic) Jekyll static site generator theme, that is, a ready-to-fork template pack.

See a live demo @ »

For example:

├── _config.yml                               # site configuration
├── _posts                                    # sample blog posts
|   ├──     #   filename format:
|   ├──
|   ├──
|   └──
├── _layouts                           
|   ├── default.html                   # master layout template
|   └── post.html                      # single blog post template
├── css                               
|   ├── _settings.scss                 # style settings (e.g. variables)
|   └── style.scss                     # master style page
├── feed.xml                           # web feed template (e.g. in atom format)
├── archive.html                       # archive template
└── index.html                         # index template

will result in (with permalink: /:title.html):

└── _site                                # output build folder; site gets generated here
    ├── css
    |   └── style.css                    # styles for pages (copied 1:1 as is)
    ├── sportdb-update-v192.html         # blog post page
    ├── new-repo-baviria-bayern.html     # another blog post page
    ├── sql-views.html                   #  ""
    ├── new-repo-maps.html               #  ""
    ├── quick-starter-datafiles.html     #  ""
    ├── feed.xml                         # web feed (e.g. in atom format)
    ├── archive.html                     # archive page
    └── index.html                       # index page


To use - delete all sample posts in the _posts folder and change the settings in _config.yml to use your own site.title and site.url:

title:   'Jekyll Minimal Theme'
url:     ''
  name:  'Jekyll Minimal Theme Team'

Color n Typography Settings (in css/_settings.scss)

Typography (Fonts):

$font-family:       "Helvetica Neue", Helvetica, Arial, sans-serif;

$code-font-family:  Menlo, Monaco, "Courier New", monospace;


$masthead-color:         #505050;
$masthead-small-color:   #C0C0C0;

$post-title-color:       #303030;
$post-date-color:        #9a9a9a;

$body-color:            #515151;
$body-background-color: #fff;

$link-color:            #268bd2;

$headings-color:        #313131;    // h1,h2,h3,h4,h5,h6

$strong-color:          #303030;    // strong

$pre-background-color:  #f9f9f9;    // pre

$blockquote-color:        #7a7a7a;  // blockquote
$blockquote-border-color: #e5e5e5;

$table-border-color:         #e5e5e5;
$table-odd-background-color: #f9f9f9;

A big thanks to the Poole theme; the jekyll-minimal-theme started out w/ the typography and color settings from the Poole theme.

Alternative (Minimal) Jekyll Themes

in _main.scss:
  font-family:     "Merriweather", "PT Serif", Georgia, "Times New Roman", serif;
  code-font-family: Menlo, Monaco, "Courier New", monospace;
  h1-h6|button|form|pagination|footer -font-family:
                   'Lato', 'Helvetica Neue', Helvetica, sans-serif;

in _basscss.scss:
  font-family:       'Helvetica Neue', Helvetica, sans-serif;
  • Hikari Theme by Mathieu Mayer-Mazzoli - (Source)
in components/_syntax.scss:
  code-font-family:    'Courier', monospace;
in base/_variables.scss:
  font-family:         'Open Sans', sans-serif;
  variant-font-family: 'Lora', Georgia, serif;
in base/_global.scss:
  h1-h6-font-family:  'Open Sans', sans-serif;
in base/_reset.scss:
  font-family:         sans-serif;
  code-font-family:    monospace, monospace;

More Themes

See the Dr. Jekyll's Themes directory.

More Quick Starter Wizard Scripts

See the Mr. Hyde's Scripts library.

Questions? Comments?

Send them along to the wwwmake forum. Thanks!