{%hackmd rJ_1SdPkxx %}

# View note directory

## Directory
On the left side of the viewing area, there is a button labeled <i class="fa fa-bars"></i> . Clicking on it will display the current note catalog and indicate the block you are in.

- If the viewing area is wide enough, the catalog will expand directly to the right of the viewing area block.

Currently, it support displaying up to the level three headings, that is `### h3`。

- If you're in Both mode. The catalog icon <i class="fa fa-bars"></i> will display at the middle buttom of the page.

## Heading link
Each title will automatically have a link added to the left side. You can click on the corresponding heading text at the top of the page to quickly scroll to the corresponding section.

Clicking on <i class="octicon octicon-link"></i> will move to the corresponding anchor. It will change the page URL to the corresponding anchor point. When shared with others, loading the webpage will directly display the position of the corresponding heading.

# Next...
{%hackmd @docs/base-theme %}
<a href="/@docs/editor_en" class="link-card">
<i class="fa fa-angle-left" aria-hidden="true"></i>
Navigation bar intro
</a>

<a href="/@docs/how-to-edit-metadata-of-a-note-en" class="link-card ml-3">
How to edit metadata of a note
<i class="fa fa-angle-right" aria-hidden="true"></i>
</a>