demo Ghost version Release GitHub forks GitHub stars

This is a Ghost theme I built for this website, the philosophy is to build something minimal without losing the taste for blogging. Hope you will like it too.

It's not perfect, but fizzy.

Style Demo

H1 Heading - Bold

Donec tempor arcu quis ex gravida pellentesque. Quisque eros augue, placerat non tincidunt id, posuere et mauris. Mauris porta sollicitudin feugiat.

H2 Heading - Bold

Donec tempor arcu quis ex gravida pellentesque. Quisque eros augue, placerat non tincidunt id, posuere et mauris. Mauris porta sollicitudin feugiat.

H3 Heading - Bold

Donec tempor arcu quis ex gravida pellentesque[^n]. Quisque eros augue, placerat non tincidunt id, posuere et mauris. Mauris porta sollicitudin feugiat.

H4 Heading - Bold

Donec tempor arcu quis ex gravida pellentesque. Quisque eros augue, placerat non tincidunt id, posuere et mauris. Mauris porta sollicitudin feugiat.

H5 Heading - Bold

Donec tempor arcu quis ex gravida pellentesque. Quisque eros augue, placerat non tincidunt id, posuere et mauris. Mauris porta sollicitudin feugiat.

H6 Heading - Bold

Donec tempor arcu quis ex gravida pellentesque. Quisque eros augue, placerat non tincidunt id, posuere et mauris. Mauris porta sollicitudin feugiat.

Image Example

Regular

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc lacinia dapibus dui, at iaculis metus condimentum ac. Mauris nibh eros, tincidunt eu semper in, accumsan scelerisque dolor. Phasellus molestie suscipit ornare. Nulla dapibus interdum lacus, in ornare ex efficitur vel.

Wide

Integer sit amet justo tortor. Nullam eget metus in elit convallis mollis. Ut a arcu neque. Vestibulum consequat ut mi vel tincidunt. Donec tincidunt diam tellus, eget rutrum turpis accumsan a. In convallis eu tortor a euismod. Donec lobortis gravida viverra.

Full width

Maecenas maximus iaculis risus mollis pharetra. Nunc nec blandit ante. Cras pretium sodales mauris molestie mattis. Integer imperdiet pharetra tellus sed luctus. Ut sit amet convallis ligula. Nunc tempor in augue eu pulvinar.

Donec sed porta diam. Cras scelerisque, lorem consectetur consequat blandit, orci justo consectetur lacus, sed sodales nisi augue vel leo. Nullam non eleifend lacus, commodo pulvinar tortor. Vestibulum a sem et urna consectetur eleifend.

Unordered list

Donec tincidunt faucibus enim, non malesuada enim blandit vel. Nunc eu metus consequat, tempor magna sit amet, porttitor arcu. Nulla auctor odio tincidunt, tincidunt ipsum vitae, accumsan lectus.

  • Felis ut ultricies lacinia.
  • Mauris nec eros at ex luctus.
  • Suspendisse fringilla.
  • Lacinia porta vel eget erat.

Ordered list

Donec tincidunt faucibus enim, non malesuada enim blandit vel. Nunc eu metus consequat, tempor magna sit amet, porttitor arcu. Nulla auctor odio tincidunt, tincidunt ipsum vitae, accumsan lectus.

  1. Felis ut ultricies lacinia.
  2. Felis ut ultricies lacinia.
  3. Mauris nec eros at ex luctus.
  4. Suspendisse fringilla.

Table

Firstname Lastname Age
Jill Smith 50
Eve Jackson 94

Blockquotes

Vivamus vulputate sapien vitae nisl tempus laoreet. Fusce non eros risus. Sed tristique ex tellus, id tempus turpis ultricies ac. In porttitor, sem in scelerisque convallis, massa quam facilisis mauris, vitae faucibus est arcu eget magna.

All the great things are simple, and many can be expressed in a single word: freedom, justice, honor, duty, mercy, hope. - Winston Churchill

Nunc tristique, est vitae sollicitudin iaculis, erat nibh vulputate ligula, quis ullamcorper felis turpis ut lorem. Duis vehicula accumsan iaculis. Suspendisse ultricies urna metus, ut porta tortor convallis vitae.

Math Equations by MathJax

When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are
$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$

Code Highlighting

HTML

<!-- start widget -->
<div class="widget">
	<h4 class="widget-title"><span>Facebook</span></h4>
	<div class="widget-content fb"></div>
</div>
<!-- end widget -->

CSS

.comment-wrap {
    background: #fff;
	padding: 1.5em 2em;
	box-sizing: border-box;
	margin-bottom: 1.5em;
}

JavaScript

var x = 5;
var y = 2;
var z = x + y;
document.getElementById("demo").innerHTML = z;

Embed Card examples

YouTube Example

Badges NEW

  • A Badge with no color specified Null
  • A Blue Badge BLUE
  • A Red Badge RED
  • A Purple Badge Purple
<h2 class="title">
	Badges
    <span class="badge green">NEW</span>
</h2>
<ul>
    <li>
        A Badge with no color specified
        <span class="badge">Null</span>
    </li>
    <li>
        A Blue Badge
        <span class="badge blue">BLUE</span>
    </li>
    <li>
        A Red Badge
        <span class="badge red">RED</span>
    </li>
    <li>
        A Purple Badge
        <span class="badge purple">Purple</span>
    </li>
</ul>

Some other styles

  • Bold Text: This text is bolded my default markup.
  • Emphasize: This text is emphasize.
  • Highlight: Highlighted text
  • Strike-through: I am A strike-through text.
  • Link: I am a link
  • Inline Code: Its an Inline code example

Installation

Download release and upload the zip file at your Ghost admin > Setting > Design.

Usage

Use internal tag #carousel to add posts into carousel in home page.

Templates

tag-archive: You can use the tag archive template if you need one page to display all tags.

Changelog

See CHANGELOG.md

License

This project is licensed under the MIT License.

Issues

Please redirect to the issues page of this project and post issues.