FeaturesMarkdown

Markdown & MDX

Quotion enhances Apple Notes by enabling markdown support. Write notes with markdown and export them as markdown files.

💡

New to markdown? Check out GitHub markdown syntax.

Write Notes with Markdown

Markdown in Quotion offers:

  • More formatting options than Apple Notes
  • Callouts
  • Code highlighting

Example

Markdown note

Rendered result:

Markdown post

⚠️

Don’t mix Apple Notes formats with markdown in the same line.

But it’s safe to use markdown with Apple Notes in different lines, e.g. a title uses Apple Notes format, a body text uses markdown.

Callouts

Callout is used to highlight important information:

:::note
This is a note.
:::
 
:::tip
This is a tip.
:::
 
:::assert
This is an important information.
:::
 
:::warn
This is a warning.
:::
 
:::caution
This is a caution.
:::

Frontmatter

Quotion supports === frontmatter:

===
slug: my-post
publishAt: 2024-09-25T18:54:51+08:00
excerpt: My awesome post
===
⚠️
  1. Place frontmatter at the top of the file. 2. Only === frontmatter is supported. YAML frontmatter --- is not supported.

Learn more:

Partial HTML Support

Markdown supports basic HTML:

Details/Summary

<details>
  <summary>Details</summary>
  Hidden content here.
</details>

Rendered result:

Details
Hidden content here.

YouTube Embed

<!-- You can find the embed code when sharing the video -->
<iframe
  width="560"
  height="315"
  src="https://www.youtube.com/embed/Qw1OSKGVeIQ?si=WvXs-YTySSnbUVgI"
  title="YouTube video player"
  frameborder="0"
  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
  allowfullscreen
></iframe>

It’s rendered as below:

⚠️

Scripts and styles are not available due to security risks. Use Quotion’s built-in JavaScript & CSS functionality instead.

MDX Components

Like HTML tags, to use MDX components, you just write the supported tags, attributes and content.

CallToAction

CallToAction

Call to action buttons let you add links or emails to your posts, it’s very handy for scenarios like new feature announcement, contact page, download page, etc.

Attributes

  • href: https or mailto links
  • variant: primary, secondary or outline
  • size: sm, md or lg

Export Notes as Markdown

Export Apple Notes as markdown files:

  1. Log in to Quotion dashboard
  2. Create a site
    • Share folder with link@quotion.co
    • Paste invitation URL to onboarding form
    • Create notes in shared folder
  3. Go to site dashboard
  4. Click download button for markdown file

Export markdown

💡

Build your blog with Apple Notes in less than 5 minutes! Try Quotion for free!

Apple NotesCustom Domain