# Embedding another note

You can embed other notes into the current one. This allows you to "modularize" your notes and reuse common parts.

For example, you are writing a series of posts or even a [book](/c/tutorials/%2Fs%2Fhow-to-create-book), and you want to reuse the below info block in all your posts:

:::info
:bulb: Hint: Welcome to [leave a comment!](/c/tutorials/%2Fs%2Fhow-to-use-comments)
:::

Embedding notes will save you time by adding the same hint to each post. Also, if you want to change this hint later, you don't have to find them in all posts and change them all over again. Here's how.

### Steps:
1. Prepare a note that only has the thing you want to embed. Get its unique note ID.
We will create a new note here and move the Hint block to it.
2. Start embedding iframe with `{}` at where you want to embed the note. Choose to embed a HackMD note and specify the note ID.

 

# Advanced Usage - Embed a theme
Even cooler, you can customize the style of your notes in HackMD, changing their appearance and applying your favorite themes. Once you know how to embed notes, we can use this feature more flexibly.

#### Use the HTML `<style>...</style>` element to set the styles of page elements.

## Change the way the notes are presented
Notes in HackMD support partial HTML and CSS, which can be used to customize the style of your notes. Writing within the `<style>` tag is the most straightforward method.
You can refer to:

### Example 1 - Colored background theme

Design your own theme in another HackMD note. You can find the example we used below:
- [Dark theme](/hackmd-dark-theme?both)

{%hackmd hackmd-dark-theme %}

- [New 🍵 Matche theme](/lfqCpdMEQIGwTTe5qwVVqQ)

{%hackmd @debbylin/theme-matcha %}


You can save frequently used themes in one note and then reference it in another note using the embed note feature. This way, you can apply the theme colors.

### Example 2 - Vertical writing theme
Some languages, such as Mandarin, Japanese, and Korean, can be written vertically.
- [Vertical writing theme](/hackmd-vertical-writing-theme?both)

{%hackmd hackmd-vertical-writing-theme %}


Try to paste the code below into one of your note. You shall see the theme of the note has changed accordingly.

{%hackmd @themes/dracula %}

This line is to tell HackMD: "Please go to the Workspace `@themes` and fetch the note whose slug of permalink is `dracula`. Include that note into the current one."

## HackMD Themes

Please copy the embed code and paste into your own note to change its theme.

|Name|Demo|Embed code
|-|-|-|
|Dracula|[Demo](https://hackmd.io/@themes/demo-dracula) |`{%hackmd @themes/dracula %}`
Notion|[Demo](https://hackmd.io/@themes/demo-notion) |`{%hackmd @themes/notion %}`
OrangeHeart|[Demo](https://hackmd.io/@themes/demo-orangeheart)|`{%hackmd @themes/orangeheart %}`
|Dark theme|[Demo](https://hackmd.io/@themes/dark-theme-preview)|`{%hackmd hackmd-dark-theme %}`