diff --git a/docs/_media/example-with-yaml.md b/docs/_media/example-with-yaml.md
index 081bedde2..bfb280d74 100644
--- a/docs/_media/example-with-yaml.md
+++ b/docs/_media/example-with-yaml.md
@@ -3,4 +3,4 @@ author: John Smith
 date: 2020-1-1
 ---
 
-> This is from the `example.md`
+> This is from the `example-with-yaml.md`
diff --git a/docs/embed-files.md b/docs/embed-files.md
index f06d121f8..60172d8ae 100644
--- a/docs/embed-files.md
+++ b/docs/embed-files.md
@@ -44,6 +44,8 @@ You will get:
 
 ## Markdown with YAML Front Matter
 
+Front Matter, commonly utilized in blogging systems like Jekyll, serves to define metadata for a document. The [front-matter.js](https://www.npmjs.com/package/front-matter) package facilitates the extraction of metadata (front matter) from documents.
+
 When using Markdown, YAML front matter will be stripped from the rendered content. The attributes cannot be used in this case.
 
 ```markdown
diff --git a/docs/index.html b/docs/index.html
index 4b2a50996..dcd533488 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -219,6 +219,7 @@
     </script>
     <script src="//cdn.jsdelivr.net/npm/docsify@4/lib/docsify.min.js"></script>
     <script src="//cdn.jsdelivr.net/npm/docsify@4/lib/plugins/search.min.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/docsify@4/lib/plugins/front-matter.min.js"></script>
     <script src="//cdn.jsdelivr.net/npm/docsify@4/lib/plugins/ga.min.js"></script>
     <script src="//cdn.jsdelivr.net/npm/docsify@4/lib/plugins/matomo.min.js"></script>
     <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-bash.min.js"></script>