Since this is the first post, what could be a better topic than how I set up this blog engine.
This blog uses Octopress (which is built on top of Jekyll) and is very easy to set up. Following is some of the customizations I did:
Custom background image in header:
file:sass/custom/_styles.scss 1
2
3
4
header [ role = "banner" ] {
background-image : url(/images/header_bg.png) ;
background-repeat : no-repeat ;
}
Changed the navigation at the top.
IBM Plex series of fonts:
file:_includes/custom/navigation.html 1
2
3
<link href= "https://fonts.googleapis.com/css?family=IBM+Plex+Serif:regular,italic,bold,bolditalic" rel= "stylesheet" type= "text/css" >
<link href= "https://fonts.googleapis.com/css?family=IBM+Plex+Sans:regular,italic,bold,bolditalic" rel= "stylesheet" type= "text/css" >
<link href= "https://fonts.googleapis.com/css?family=IBM+Plex+Mono:regular,italic,bold,bolditalic" rel= "stylesheet" type= "text/css" >
file:sass/custom/_fonts.scss 1
2
3
4
5
6
$sans : "IBM Plex Sans" , sans-serif ;
$serif : "IBM Plex Serif" , serif ;
$mono : "IBM Plex Mono" , monospace ;
$heading-font-family : $serif !default ;
$header-title-font-family : $heading-font-family !default ;
$header-subtitle-font-family : $heading-font-family !default ;
Custom homepage instead of the default page.
Rest is vanilla Octopress. It is hosted on google app engine.