CleanMagic for Hakyll

This theme is a fork of CleanMagicMedium-Jekyll originally published by Lucas Gatsas.

It features a top navigation bar, and an area for beautiful header background images. Clean and serene, it’s sure to give your posts an extra polish.



Features a nice big header image to sweeten your page.


Download the files under the cleanMagic-hakyll folder in the hakyll-cssgarden repo to your root hakyll installation for the boilerplate. Feel free to tweak site.hs and any of the files.

Compile the site generator with hakyll using the command ghc --make site.hs

Then you can view your site locally with ./site rebuild && ./site watch



At the top of each blog post saved in the posts folder:

title: Carpe Diem
headerImg: file.jpg

You have the option of adding your custom fields. For example here headerImg is defined for custom files but you can choose to have the same image on all blog posts.


The template post.html comes with tags for next post and previous post.

<ul class="pager">
    <li class="previous">
	<a href="{{ page.previous.url | prepend: site.baseurl | replace: '//', '/' }}" 
	   title="{{page.previous.title}}">&larr; Previous Post</a>
    <li class="next">
	<a href="{{ | prepend: site.baseurl | replace: '//', '/' }}"
           title="{{}}">Next Post &rarr;</a>

See this blog post for an example of how to turn on these links.

Syntax Highlighting

Syntax highlighting uses the pandoc formatting.

fs x = "your code here"

The colors are defined in syntax.css; which you can edit to your liking.