---
title: How to export to PDF
tags: tutorial
---

# How to export to PDF

>[!Note]Export to PDF is a Prime feature.

HackMD runs in browsers, so you can exploit the Print feature to export to PDF while having the graphs and equations as rendered.

 

## Here's how:

1. Switch to View Mode
2. Scroll to the end of your document, so that the browser renders the note thoroughly.
3. From the menu of the browser: File → Print → Save as PDF.

:::success
### :bulb: Options when saving as PDF

At Step 3, there are many options to tweak to make your exported PDF fits better to your needs.

- **Pages**: Scroll the preview and trim off the blank pages.
- **Scale**: Customize the scale.
- **Margins**: Customize the margins.
- **Headers and Footers**: Turn them off to add formality.
:::

 

# Monthly limitation

You can find the 5 most recently exported PDFs in [notes setting](https://hackmd.io/settings#note) and team workspace setting.

- Personal Prime workspace: 100 times per month.
- Team Prime workspace: 100 * paid member count per month.

>[!Note]When will the export limit reset?
>The reset time for the number of exports each month is the same as your Prime subscription cycle date.
>
>For example, if your Prime subscription date is 7/25, then the monthly export count will reset on 7/25.

▲ **Check the usage number here!**

# Pro tip

### How to manage the pages when exporting pdf?

Please add the CSS settings in the editor:

<style>
    @page {
      size: A4;
      margin: 20mm;
    }
    .page-break-before {
      page-break-before: always;
    }
    .page-break-after {
      page-break-after: always;
    }
    .avoid-page-break {
      page-break-inside: avoid;
    }
  </style>

And you can use this syntax to insert the line where you want to change the page:

<div class="page-break-before"></div>

The CSS syntax implementation for page breaks will be :point_down:

<style>
    @page {
      size: A4;
      margin: 20mm;
    }
    .page-break-before {
      page-break-before: always;
    }
    .page-break-after {
      page-break-after: always;
    }
    .avoid-page-break {
      page-break-inside: avoid;
    }
</style>

# My diary

## 12/23 Mon.
Weather：Sunny
Activities：lunch & study group

<div class="page-break-before"></div>

## 12/24 Tues.
Weather：Cloudy
Activities：hiking & tennis

<div class="page-break-before"></div>

## 12/25 Wed.
Weather：Snow
Activities：Christmas dinner