Ghali comes pre loaded with awesome typography and styles, including support for Markdown features, such as

Strike-through Links Inline code Highlight


Default style for headings

Nullam a cursus urna, sit amet venenatis ex elementum felis urna metus.

Default style for headings

Nullam a cursus urna, sit amet venenatis ex elementum felis urna metus.

Default style for headings

Nullam a cursus urna, sit amet venenatis ex elementum felis urna metus.

Default style for headings

Nullam a cursus urna, sit amet venenatis ex elementum felis urna metus.


List

  • Nullam a cursus urna, sit amet venenatis ex elementum felis urna metus.
  • Phasellus mollis massa sed imperdiet laoreet. Class aptent taciti.
  • In blandit urna vel rhoncus aliquam. Morbi eu ligula.

  1. Nullam a cursus urna, sit amet venenatis ex elementum felis urna metus.
  2. Phasellus mollis massa sed imperdiet laoreet. Class aptent taciti.
  3. In blandit urna vel rhoncus aliquam. Morbi eu ligula.

Donec elementum felis urna, ut placerat massa egestas eget. Aliquam quis eros hendrerit, gravida tellus eget, venenatis metus.

Ghost comes with a beautiful default theme called Casper, which is designed to be a clean, readable publication layout and can be adapted for most purposes. However, Ghost can also be completely themed to suit your needs. Rather than just giving you a few basic settings which act as a poor proxy for code, we just let you write code.

Photo by Andrea Piacquadio from Pexels

Photo by Godisable Jacob from Pexels

Photo by Andrei Tanase from Pexels



The Future of the Workspace? It’s Flexible | Out of Office
Modular architecture company ROOM and flex space provider Industrious have teamed up to offer a vision of future offices in Chicago’s Willis Tower.

Responsive Tables

#HeadingHeadingHeadingHeadingHeadingHeadingHeadingHeadingHeading
1CellCellCellCellCellCellCellCellCell
2CellCellCellCellCellCellCellCellCell
3CellCellCellCellCellCellCellCellCell
4CellCellCellCellCellCellCellCellCell

YouTube Responsive Embed

Vimeo Responsive Embed

Photo by Jonathan Borba / Unsplash embed

Spotify Embed

Soundcloud Embed


Syntax Highlighting

'use strict';
var markdown = require('markdown').markdown;
function Editor(input, preview) {
  this.update = function() {
    preview.innerHTML = markdown.toHTML(input.value);
  };
  input.editor = this;
  this.update();
}
Code block

You can add inline code just like this, E.g. {{image absolute="true"}}

Footnotes

Footnotes allow you to add notes and references without cluttering the body of the document. When you create a footnote, a superscript number with a link appears where you added the footnote reference. Readers can click the link to jump to the content of the footnote at the bottom of the page.

Here is a footnote reference [1], and another [2].


  1. Here is the footnote. ↩︎

  2. Here's one with multiple blocks.

    Subsequent paragraphs are indented to show that they
    belong to the previous footnote. ↩︎