Make bashblog look the way you want it!
bashblog
, in its default configuration, looks okay. but usually, it doesn’t fit with the style of the rest of your site. so how did i get it to do that?
that’s what i’m going to show you today.
the first thing to do is to take a look at your .config
file in the blog directory. it should look something like this:
global_title="my tildelog"
global_description="a blog about tildes"
this config is the file that configures bashblog. all the options are pretty clear as to what they do.
now, we will make a head template. make a new file called .header.template
. it should look like this:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#00cc00">
<!-- Replace with whatever CSS you want to add -->
<link rel="stylesheet" href="https://tilde.team/css/hacker.css">
<link rel="stylesheet" href="card.css">
<link rel="alternate" type="application/rss+xml" title="subscribe to this page..." href="feed.rss" />
notice that we didn’t close the <head>
tag. now, add this line to your config:
header_file=".header.template"
now we will make a before and after body template. this is used for wrapping the content in some sort of container or card, like i did in this blog.
make a file called .beforebody
and add something like this:
<div class="container">
<div class="card">
<div class="card-body">
be sure not to close these divs unless you’re sure what you’re doing. next, make a file called .afterbody
and use it to close out all the divs.
</div>
</div>
</div>
once you have added these files, add these lines to your config:
body_begin_file=".beforebody"
body_end_file=".afterbody"
your completed config file should now look like this:
global_title="my tildelog"
global_description="a blog about tildes"
header_file=".header.template"
body_begin_file=".beforebody"
body_end_file=".afterbody"
now all that’s left to do is to run bb rebuild
and feast your eyes on your new, beautiful blog!