Documentation

Getting Started

MarkdownTree is a browser-based editor. Click "Start App" to enter the workspace.

Your data is stored locally in your browser/session (Local Storage) until you choose to export it.

We do not store your data on our servers unless you use the hosting features.

Content Blocks

Blocks are the core building units of your page. You can add them using the "+ Add Block" button in the sidebar.

  • Text: Standard Markdown support (Bold, Italic, Lists).
  • Link: Big clickable buttons for external URLs.
  • WhatsApp: Direct chat links with pre-filled messages.
  • YouTube: Embed videos directly via URL.
  • Hero: Large welcome section with image and title.
Customizing Themes

You can instantly change the look of your tree using the Theme selector.

  • Standard: Dark mode, clean.
  • Ocean: Blue gradients and rounded corners.
  • Retro: Pixel art font and high contrast.

If you have an Enterprise key, you can use the Visual Theme Editor or write raw CSS.

Help: Self hosting

Recommendet: Vercel

You need: a Vercel account, a GitHub repository with your MarkdownTree project (the index.html file).

  1. Go to Vercel.com and sign in or create an account.
  2. Go to your Vercel dashboard and click "New Project".
  3. Import your GitHub repository containing the MarkdownTree project.
  4. Configure the project settings as needed (you can usually leave defaults).
  5. Follow the deployment steps to host your project.
  6. Go to Domains and configure your custom domain if desired.
  7. Wait for the deployment to complete and access your hosted MarkdownTree site.

Now if you Update your repository, Vercel will automatically redeploy your site with the latest changes.

Contact & Support

If you have any questions or need assistance, feel free to reach out to our support team at support@markdowntree.com.