Add docsify flexible alerts plugin and update callout syntax

2 files changed, 2 insertions, 4 deletions

diff --git a/docs/pages/2-basic/4-chain.md b/docs/pages/2-basic/4-chain.md
index 975ed5b..d47642a 100644
--- a/docs/pages/2-basic/4-chain.md
+++ b/docs/pages/2-basic/4-chain.md
@@ -33,8 +33,7 @@ fn parse_hello(prev: HelloEntry) -> NextProcess {
 }
 ```
 
-> **About NextProcess**
->
+> [!Tip] 
 > `NextProcess` is a marker type in **Mingling**, from `mingling::marker`.
 >
 > It serves no functional purpose other than to simplify the declaration of chain functions. After the `chain!` macro expands, `NextProcess` will be replaced with `mingling::ChainProcess<ThisProgram>`.
diff --git a/docs/pages/2-basic/5-renderer.md b/docs/pages/2-basic/5-renderer.md
index 2dc7e27..2085d40 100644
--- a/docs/pages/2-basic/5-renderer.md
+++ b/docs/pages/2-basic/5-renderer.md
@@ -44,8 +44,7 @@ fn render_hello(prev: ParsedHello) {
 }
 ```
 
-> **About r_print**
->
+> [!Tip]
 > `r_print!` can only be used inside a `Renderer`. This is because after the `renderer!` macro expands, it injects `r: &mut RenderResult` into the context.
 >
 > And `r_print!` directly writes content to the value `r`.