SvelteKit部署Netlify后图片不显示的解决方法咨询

问题出在图片路径和资源存放逻辑上：SvelteKit的src是源码目录，生产构建后不会暴露在网站根目录，所以生产环境下无法找到/src/images/路径，本地开发时因为直接读取源码所以能正常显示。按以下步骤修改即可：

1. 调整图片存放位置 #

把src/images下的所有图片，移动到项目根目录的static/images文件夹中（没有static目录就新建一个）。SvelteKit构建时会自动将static目录下的资源原样复制到生产环境的根目录。

2. 修改img标签的路径 #

将图片的src属性从/src/images/xxx.png改为/images/xxx.png，同时修复代码里未闭合的<a>标签问题：

<ul>
    <li><a href="你的GitHub链接"><img src="/images/github.png" alt="GitHub"></a></li> 
    <li><a href="你的LinkedIn链接"><img src="/images/linkedin.png" alt="LinkedIn"></a></li>
    <li><a href="mailto:你的邮箱地址"><img src="/images/email.png" alt="Email"></a></li>
</ul>

3. 配置无需额外修改 #

你当前的svelte.config.js配置完全正常，@sveltejs/adapter-netlify适配器不需要调整，只要保证static目录的使用符合规范即可。

重新构建并部署到Netlify后，图片就能正常加载了。

内容的提问来源于stack exchange，提问作者Isabella