Merge pull request #86 from chrismwilliams/markdown-unwrap-images

remove wrapping paragraphs for md images and update example
chrismwilliams · Jul 7, 2023 · 7e7d03f · 7e7d03f
2 parents 01f7662 + f18c067
commit 7e7d03f
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 0 deletions.
diff --git a/astro.config.ts b/astro.config.ts
@@ -3,12 +3,14 @@ import mdx from "@astrojs/mdx";
 import tailwind from "@astrojs/tailwind";
 import sitemap from "@astrojs/sitemap";
 import prefetch from "@astrojs/prefetch";
+import remarkUnwrapImages from "remark-unwrap-images";
 
 // https://astro.build/config
 export default defineConfig({
 	// ! Please remember to replace the following site property with your own domain
 	site: "https://astro-theme-cactus.netlify.app/",
 	markdown: {
+		remarkPlugins: [remarkUnwrapImages],
 		shikiConfig: {
 			theme: "dracula",
 			wrap: true,

diff --git a/package.json b/package.json
@@ -36,6 +36,7 @@
 		"prettier": "^2.8.8",
 		"prettier-plugin-astro": "0.10.0",
 		"prettier-plugin-tailwindcss": "^0.3.0",
+		"remark-unwrap-images": "^3.0.1",
 		"tailwindcss": "^3.3.2",
 		"typescript": "^5.1.5"
 	},

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/content/post/markdown-elements/index.md b/src/content/post/markdown-elements/index.md
@@ -111,9 +111,11 @@ Right aligned columns
 ## Images
 
 Image in the same folder: `src/content/post/markdown-elements/logo.png`
+
 ![Astro theme cactus logo](./logo.png)
 
 Image in the aliased assets folder: `src/assets/about-astro.png`
+
 ![A cartoon cactus looking at the Astro.build logo](~/assets/about-astro.png)
 
 ## Links