Try   HackMD

How to export to PDF

Export to PDF is a limited trial

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
    Image Not Showing Possible Reasons
    • The image was uploaded to a note which you don't have access to
    • The note which the image was originally uploaded to has been deleted
    Learn More →
  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.

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
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 and team workspace setting.

There is a limit of 100 file exports per month.

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.

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

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

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

<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