<div><blockquote class="callout" style="border-left-color:#00b8d4;">
<div class="callout-title info" style="background-color: #00b8d41a;"><span style="color:#00b8d4" class="callout-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg></span><strong>Info</strong></div>
<div class="callout-content" style=""><p>Frontmatter feature is only support for Obsidian/Markdown sites</p></div>
</blockquote></div>
<p><img src="https://s3.us-east-1.amazonaws.com/resource.mixa.site/docs/img/frontmatter-example.jpg" priority="1"></p>
<h2 id="title"><a aria-hidden="true" tabindex="-1" href="#title"><span class="icon icon-link"></span></a>title</h2>
<p>If you want to change the name of a note in the sidebar, you can use <code>title</code> field.</p>
<p>When your note's file name is <code>my-trip.md</code>, it will show up as "my-trip" in the sidebar. You can change it by using the <code>title</code> field in the frontmatter. For example, the following markdown will show up as "My Awesome Trip" even if the file name is <code>my-trip.md</code></p>
<pre><code>---
title: My Awesome Trip
---

## First stop Europe

</code></pre>
<p>This will also be shown as the page title at the top of the page content if the "Show document title" toggle is on in the Site Editor's <a href="/docs/site-editor/features" title="Features">Features</a> section.</p>
<h2 id="order"><a aria-hidden="true" tabindex="-1" href="#order"><span class="icon icon-link"></span></a>order</h2>
<p>By default your sidebar will be sorted in alphabetical order. You can override the order of the documents using this frontmatter. the lower the value you use, the higher the document will show up in the sidebar list. If there is no order specified for some documents, they'll be added alphabetically at the bottom.</p>
<p>For example, in the following case, the sidebar will be like</p>
<ul>
<li>Doc1</li>
<li>Doc2</li>
<li>DocA</li>
<li>DocZ</li>
</ul>
<pre><code>---
title: Doc1
order: 1
---
content
</code></pre>
<pre><code>---
title: Doc2
order: 2
---
content
</code></pre>
<pre><code>---
title: DocA
---
content
</code></pre>
<pre><code>---
title: DocZ
---
content
</code></pre>
<h2 id="frontmatter-for-the-folders"><a aria-hidden="true" tabindex="-1" href="#frontmatter-for-the-folders"><span class="icon icon-link"></span></a>Frontmatter for the folders</h2>
<p>While you need to pass <code>title</code> and <code>order</code> for the pages, you will most likely need to do the same for the folders if you are using a sidebar. You can specify the title and the order of the folder shown in the sidebar using the same frontmatter.</p>
<p>To be able to provide frontmatter for a folder, simply create an <code>_index.md</code> file inside the folder (note the leading underscore at the beginning). This file will be used only to get the frontmatter for the folder and will not be visible like other md files in your site</p>
<pre><code>site
└─── projects
│    │─── service1.md
│    └─── service2.md
└─── services
│    │─── _index.md
│    │─── service1.md
│    └─── service2.md
└─── about.md
└─── contact.md
</code></pre>
<p>For the above folder structure, you can use the following content for the <code>/site/services/_index.md</code> to provide frontmatter for the <code>services</code> folder</p>
<pre><code>---
title: Services
order: 1
---
</code></pre>

Creating your site

Installing Mixa Obsidian Plugin

Setting up a Blog With Obsidian/Markdown

Blog

Resume

Using Mixa With Notion

Components

Carousel

Column

Hero

Video

Callouts

Image

Link

Math

Text

Site Editor

Setup

SEO and Analytics

Navigation

Code

Features

Theme

Sitemap and RSS

Search

Home Page

Scheduled Publishing

Static Files

Frontmatter

Quick Start

quick-start

templates

Notion

notion

components

Syntax

syntax

Markdown

markdown

site-editor

features

docs