Skip to content

How to set a personalized header

Jump to bottom Edit New page
Carlos Fenollosa edited this page Jan 29, 2016 · 2 revisions

Bashblog sets a standard header to every html page. You can customize it to add <meta> tags, custom css, etc, as follows:

  1. Create a file named (for example) .header.template in your blog folder
  2. Edit it to include the standard header items, which are required to include CSS and more:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="main.css" type="text/css" />
<link rel="stylesheet" href="blog.css" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="Subscribe to this page..." href="feed.rss" />

Bashblog will append the <title> and </head> automatically, don't include them!

  1. Add any custom items, like <meta> tags and such
  2. Point your .config file to this new header, by adding the line header_file=".header.template"
  3. Run bb.sh rebuild if necessary
Add a custom footer
Add a custom sidebar
Clone this wiki locally