Correct image path settings for astro assets support (#621)

Thinkmill · Sep 5, 2023 · f47feaa · f47feaa · vercel · Sep 5, 2023
1 parent 196daee
commit f47feaa
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 1 deletion.
diff --git a/.changeset/smart-poems-promise.md b/.changeset/smart-poems-promise.md
@@ -0,0 +1,6 @@
+---
+'@keystatic/templates-astro': patch
+---
+
+Add support for Astro assets with image directory and publicPath in Keystatic
+config
diff --git a/templates/astro/keystatic.config.ts b/templates/astro/keystatic.config.ts
@@ -17,7 +17,10 @@ export default config({
           formatting: true,
           dividers: true,
           links: true,
-          images: true,
+          images: {
+            directory: 'src/assets/images/posts',
+            publicPath: '../../assets/images/posts/',
+          },
         }),
       },
     }),

diff --git a/templates/astro/src/styles.css b/templates/astro/src/styles.css
@@ -22,3 +22,8 @@ ol {
   margin-bottom: 1rem;
   color: #1d1d1d;
 }
+
+img {
+  height: auto;
+  max-width: 100%;
+}