Live-export img link error

Antonio_Hou · March 14, 2025, 9:47am

I have checked the troubleshooting

Bug report

Hi Mr. Matsuyama,

I followed the Astro live-import tutorial, and everything worked fine until I imported the image using the inkdrop://file:* path. After that, the blog started throwing errors.

Is there any way to retrieve the actual file path of the image I imported? This would allow me to manually reference it, but ideally, I would prefer to rewrite the scripts to automate the process.

Environment

Platform: macOs
Platform version: 13.7.1
App Version: 5.10.0

How to reproduce

Create a note and post image inside and u would get a link

run the scripts pnpm run live-import
it did add new md file in posts, but the image link would cause the error.

terminal

craftzdog · March 17, 2025, 12:42am

You can specify file names for image attachments with pathForFile via LiveExporter.
Check out my “uses” blog as an example here:

github.com

craftzdog/craftzdog-uses/blob/576b560561e68ff489840c42b73df9d2fc6be073/tools/import.mjs#L39


      
            if (frontmatter.public) {
              return `${basePath}/${frontmatter.slug}.md`
            } else return false
          },
          urlForNote: ({ note, frontmatter }) => {
            if (frontmatter.public) {
              if (!frontmatter.slug) frontmatter.slug = toKebabCase(note.title)
              return `/posts/${frontmatter.slug}`
            } else return false
          },
          pathForFile: ({ mdastNode, /* note, file, */ extension, frontmatter }) => {
            if (mdastNode.alt) {
              const fn = `${frontmatter.slug}_${toKebabCase(mdastNode.alt)}${extension}`
              const res = {
                filePath: `${publicPath}/${fn}`,
                url: `/posts/${fn}`
              }
              if (mdastNode.alt === 'thumbnail') {
                frontmatter.heroImage = res.url
              }
              return res

If you don’t understand what’s wrong, can you share your script?

Antonio_Hou · March 17, 2025, 6:37am

Thx I got it, i should add /posts/ manually, so it exports to the right path.

import fs from 'node:fs'
...
if (!fs.existsSync(publicPath)) {
  fs.mkdirSync(publicPath, { recursive: true })
}

I think this code(or an alternative) should be added into the inkdrop template to prevent this issue.

If I misunderstood the document, just forget about it.

Time to bring out my little magic card and support Inkdrop!

craftzdog · March 18, 2025, 12:42am

fixed it. Thanks!