diff --git a/website/advanced/pattern-parse.md b/website/advanced/pattern-parse.md
index 0045a4e9..8fd07ab2 100644
--- a/website/advanced/pattern-parse.md
+++ b/website/advanced/pattern-parse.md
@@ -13,6 +13,8 @@ Parsing a pattern in ast-grep involves these keys steps:
 3. Extract effective AST nodes based on builtin heuristics or user provided [selector](/reference/rule.html#pattern).
 4. Detect AST with wildcard text and convert them into [meta variables](/guide/pattern-syntax.html#meta-variable).
 
+![image](/image/parse-pattern.jpg)
+
 Let's dive deep into each of these steps.
 
 ## Pattern is AST based
diff --git a/website/public/image/parse-pattern.jpg b/website/public/image/parse-pattern.jpg
new file mode 100644
index 00000000..14f1648b
Binary files /dev/null and b/website/public/image/parse-pattern.jpg differ