Things you need to know to customize ghost theme

If you want to customize ghost theme instead of writing a new theme from scratch, below is a list of things to help you quick start.

hbs template

You will not see html files under the theme folder. The page style and format are defined with hbs files. hbs file is handlebar template. In short, it’s kind of language which will be compiled to “html file” dynamically. You can get a quick understanding of the syntax by look at the first page of handlebar guide.

code injection

Ghost supports css/javascript injection from the ghost admin portal. That’s to say you can easily add new feature or customize style by adding code into the header or footer of the page.

custom template

If you want to add a new page layout or style, you can look at ghost custom template.

how to get the post data

See that you want to display post or tag or author in the template. How can you get the data? Or what properties do the data support? You can search directly from ghost doc to get predefined handlebar helpers or class and use them in your template file.