Creating Regular Blockquotes in Ghost

How to Create Regular Blockquotes

Ghost doesn’t have a dedicated “Quote” card. Instead, you have these options:

  1. Click + to add a card
  2. Select Markdown card
  3. Type your quote using markdown syntax:
    > This is a regular blockquote.
    > It will have the left border and gray background.
    

Method 2: Direct Markdown in Editor

If you’re using Ghost’s markdown editor:

  • Simply type > followed by a space and your quote text
  • Press Enter to continue the quote on the next line

Example:

> This is a regular blockquote using markdown.
> It will be styled with the left border and gray background.

Method 3: HTML Card (Alternative)

  1. Click + to add a card
  2. Select HTML card
  3. Paste:
    <blockquote>
      <p>This is a regular blockquote.</p>
    </blockquote>
    

Visual Result

Regular blockquotes will have:

  • ✅ Left border (accent blue color)
  • ✅ Light gray background
  • ✅ Italic text
  • ✅ Standard font size
  • ✅ Standard spacing

Pull Quotes vs Regular Blockquotes

Regular Blockquote (Standard)

  • How: Markdown > or HTML <blockquote>
  • Style: Left border, gray background, italic
  • Use for: Inline quotes, standard citations

Pull Quote (Custom Styled)

  • How: HTML card with class="pullquote"
  • Style: Purple gradient, larger serif font, decorative
  • Use for: Featured quotes, prominent quotations

Quick Reference

Type How to Create Card Type
Regular Blockquote > markdown Markdown card
Pull Quote HTML with class="pullquote" HTML card

Example

Regular Blockquote:

> Then she generated the light, and the sight of her room, 
> flooded with radiance and studded with electric buttons, 
> revived her.

Pull Quote:

<blockquote class="pullquote text-center">
  <p>There is an universal tendency among mankind to conceive all beings like themselves.</p>
  <cite><a href="https://example.com" target="_blank">David Hume, The Natural History of Religion, 1757</a></cite>
</blockquote>

Troubleshooting

If markdown > doesn’t work:

  • Make sure you’re using a Markdown card, not a regular text card
  • Try the HTML card method instead

If styling looks wrong:

  • Regular blockquotes should have a left border and gray background
  • If it looks plain, you might need to rebuild the theme (npm run build)

© 2025, Ramin Firoozye. All rights reserved.