Syntax Reference

Extended Markdown features for layout, highlighting, and images

01 LAYOUT_CONTROL

Control where your content splits across columns and pages:

Column breaks

Available to all users

## Section One
Content for the first column...

<!-- columnbreak -->

## Section Two
Content for the second column...

Use <!-- columnbreak --> on its own line to force content to the next column.

Page breaks Pro

Pro users can create multi-page PDFs

## Page One Content
...

<!-- pagebreak -->

## Page Two Content
...

Pro users can generate up to 3 pages. Free users are limited to 1 page.

02 COLOR_MARKERS

Highlight important text with colour markers. All 4 markers are free for everyone:

Available markers

:danger: Red Critical warnings, destructive actions
:warn: Orange Cautions, potential issues
:tip: Green Best practices, recommendations
:info: Blue Additional information, notes

Usage example

## Git Undoing Changes

`git restore file` — Discard uncommitted changes
:warn: This permanently discards local changes

`git reset --hard HEAD~1` — Undo last commit
:danger: This deletes commit history—use with caution

`git stash` — Temporarily save changes
:tip: Use `git stash pop` to restore later

:info: Always create a branch before risky operations

Place the marker at the start of a line, followed by a space and your text.

03 ADDING_IMAGES

Add images to your PDFs using uploads, built-in icons, or web URLs:

Upload images

Free: 1 image / Pro: 20 images

Use the image gallery in the generator to upload images.
They appear as ![alt text](img-1) in your Markdown.

![Company Logo](img-1)
![Product Photo](img-2)

Supported formats: PNG, JPEG, GIF, WebP. Max 2MB per image, 4096×4096 max dimensions.

Image limits

Summary of image restrictions by tier

Limit Free Pro
Uploaded images 1 20
URL images Same-origin only Allowlisted domains
Same-origin images Unlimited Unlimited
Built-in icons Unlimited Unlimited
Max file size 2MB per image
Max dimensions 4096 × 4096 pixels
Supported formats PNG, JPEG, GIF, WebP

Built-in icons (free and unlimited)

10 icons available at no cost

![Warning](/public/icons/warning.svg) Caution: Check before proceeding
![Tip](/public/icons/tip.svg) Pro tip: Use keyboard shortcuts

Icon shorthand (free and unlimited)

Quick syntax for inline icons

:icon-warning:
:icon-info:
:icon-tip:
:icon-danger:
:icon-checklist:
:icon-clock:
:icon-code:
:icon-folder:
:icon-person:
:icon-star:
:icon-warning: Caution: Check before proceeding
:icon-tip: Pro tip: Use keyboard shortcuts
:icon-code: Run `npm install` first

Aliases: :icon-warn: → warning, :icon-check: → checklist. Case-insensitive.

Link to web images Pro

Pro users can embed images from trusted domains

![Diagram](https://raw.githubusercontent.com/user/repo/main/diagram.png)
![Photo](https://i.imgur.com/example.png)

Max 2MB per image, 5 second timeout per fetch.

Allowed domains
  • GitHub: raw.githubusercontent.com, user-images.githubusercontent.com, avatars.githubusercontent.com
  • Imgur: i.imgur.com
  • Wikimedia: upload.wikimedia.org
  • Unsplash: images.unsplash.com
  • Pexels: images.pexels.com
  • Cloudinary: res.cloudinary.com
  • Giphy: media.giphy.com, media0-4.giphy.com
  • Gravatar: gravatar.com, www.gravatar.com
  • Icons: cdn-icons-png.flaticon.com, img.icons8.com
04 QUICK_TIPS
*
Standard Markdown works. Headings (#, ##), lists (- or *), bold (**text**), code (`command`)—it all renders correctly.
*
Plan your columns. Most trifolds look best with 2-3 sections per column. Use <!-- columnbreak --> to control the split.
*
Use em dashes. Write command — description (em dash with spaces) rather than hyphens for cleaner output.
*
Target 400-500 words. This fills a trifold nicely. Too little looks sparse; too much overflows.
*
Preview before printing. The generator shows exactly how your PDF will look.
Try it