Can't not upload image

[vanniichan]

Hello sir,

I am facing an issue where I have been writing markdown on the HackMD platform, and when I upload it to this template, the images are not displaying.

![image](https://hackmd.io/_uploads/B1t6LYCjyx.png) --> this cant display

Could you assist me with this?

[L4Ph]

I've never used HackMD, so I don't know, but I think it's because the actual file is stored in AWS S3.

Also, please refrain from multi-posting the same content to Issue and Discussion.

[vanniichan]

yes, it stored in aws s3, but it stilll display in github

[L4Ph]

If you look at the S3 object URL, you'll see that it has an expiration date and a signature set. This could be the cause.

https://hackmd-prod-images.s3-ap-northeast-1.amazonaws.com/uploads/upload_2a5de5493ec168b586c8fa8566edaa37.png?AWSAccessKeyId=AKIA3XSAAW6AWSKNINWO&Expires=1743955631&Signature=p5Nao7WZNY8sUpyEfb9rEBkr5Hs%3D

Also, have you authorized remote images? You may need to set the following in astro.config.mjs:

export default defineConfig({
  image: {
    remotePatterns: [{ protocol: "https" }],
  }
});

[vanniichan]

it not work : (

[vanniichan]

https://hackmd-prod-images.s3-ap-northeast-1.amazonaws.com/uploads/upload_2a5de5493ec168b586c8fa8566edaa37.png?AWSAccessKeyId=AKIA3XSAAW6AWSKNINWO&Expires=1743961389&Signature=sfYS1isXhTXV4qChj5jFetLc4N0%3D

[L4Ph]

Yes, as I wrote earlier, the expiration time is set. That's the cause.
This is a problem that can't be solved because it's SSG (Static Site Generation).

If necessary, please use @astrojs/vercel to perform SSR.
https://docs.astro.build/en/guides/integrations-guide/vercel/