如何讓我的圖片出現在我的 Netlify 網站上？ （sveltekit 應用程序）

Question

我使用 sveltekit 創建了一個 repo，並使用 Netlify 成功部署了它，但是圖像不會加載，它們的 'alt' 屬性就是圖像中顯示的所有內容。

如果我使用“npm run dev”在本地運行項目，圖像確實看起來不錯。

這是我有 img 標簽的代碼：

<ul>
    <li><img src="/src/images/github.png" alt=GitHub></a></li> 
    <li><img src="/src/images/linkedin.png" alt=LinkedIn></a></li>
    <li><img src="/src/images/email.png" alt=Email></a></li>
</ul>

我需要以某種方式編輯路徑嗎？ 或者我的 svelte.config.js 文件中的某些內容：

import adapter from '@sveltejs/adapter-netlify';
/** @type {import('@sveltejs/kit').Config} */
const config = {
    kit: {
        adapter: adapter(),
    }
};

export default config;

Answer 1

不太確定，但在這種情況下，sveltekit 的 SSR 可能是個問題（試試 vercel，它們似乎有更好的 SSR 支持）。 是的，試着把你的圖像放在 static 文件夾中。

Answer 2

將您的圖像放到這個站點https://cloudinary.com並獲取圖像的鏈接，然后嘗試使用 src 中的鏈接，這將幫助您擺脫錯誤。