docs: guidance on using local images

nuxt · Oct 18, 2022 · 3c548da · 3c548da
1 parent 2a92bab
commit 3c548da
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/docs/content/3.guide/1.writing/2.markdown.md b/docs/content/3.guide/1.writing/2.markdown.md
@@ -109,3 +109,25 @@ Code highlighting works both on [`ProseCode`](/api/components/prose#prosecode) a
 ::alert{type=info}
 [Read the API reference to configure or entirely disable syntax highlighting.](/api/configuration#highlight)
 ::
+
+## Images
+
+You can add images to your `public` directory:
+
+```
+my-project/
+  content/
+    index.md
+  public/
+    img/
+      image.png
+  nuxt.config.ts
+  package.json
+  tsconfig.json
+```
+
+And then use them in your markdown files in the `content` directory as such:
+
+```md[content/index.md]
+![my image](/img/image.png)
+```