Advanced Markdown Usage

Home PDF English 中文 日本語 Español हिंदी Français Deutsch العربية 繁體中文

---

References

Reference ¹.

In footnotes, remember to add a : after the [number] for correct parsing.

---

Image Class

You can apply classes to images in Markdown like this:

{: .centered }
![](assets/images/pin/pin.jpg){: .responsive }
*Source: Telegram*{: .caption }

This will render the image with the specified classes:

Source: Telegram

Table of Contents

• Introduction
• Chapter 1
• Conclusion

---

Introduction

Here is the introduction.

---

Chapter 1

Here is Chapter 1.

---

Conclusion

Here is the conclusion.

Mermaid

graph TD
    A[Charger Box] --> B[Power Bank]
    A --> C[Bluetooth Speaker]
    A --> D[Mobile Phone]
    A --> E[Electric Lamp]
    A --> F[Laptop]
    A --> G[Smart Watch]
    A --> H[Cloud Server]
    B --> H
    C --> H
    D --> H
    E --> H
    F --> H
    G --> H

It’s still not rendered here, but it works well and can be generated in Mistral. Let’s find some time to learn more.

---

`

1. Here is one. ↩

---

Back 2025.01.18 Donate