Creating Regular Blockquotes in Ghost
How to Create Regular Blockquotes
Ghost doesn’t have a dedicated “Quote” card. Instead, you have these options:
Method 1: Markdown Card (Recommended)
- Click
+to add a card - Select Markdown card
- 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)
- Click
+to add a card - Select HTML card
- 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)