问题现象
在首页，网站底部的社交账号图标能正常显示。
但是到了其他子页面，这些图标就不显示了。
对比了一下链接，确实有区别：
- 第一个链接是可以显示的链接
- 第二个链接是无法显示的链接
https://www.sunzhongwei.com/skin/frontend/default/sunri_1/images/slider/LinkedIn1.png
https://www.sunzhongwei.com/skin/frontend/base/default/images/slider/LinkedIn1.png
问题 block 代码
<div>
<p><span> <a href="https://www.linkedin.com/company/sunricher/posts/" target="_blank"><img src="{{skin url="images/slider/LinkedIn1.png"}}" alt="Linkedin" width="25" height="25" /> </a><a href="https://www.facebook.com/SunricherController/" target="_blank"><img src="{{skin url="images/slider/Facebook1.png"}}" alt="Facebook" width="25" height="25" /> </a><a href="https://www.tiktok.com/@sunricher/" target="_blank"><img src="{{skin url="images/slider/TikTok1-25x25dpi.png"}}" alt="TikTok" width="25" height="25" /> </a><a href="https://www.youtube.com/@Sunricher" target="_blank"><img src="{{skin url="images/slider/YouTube1.png"}}" alt="YouTube" width="25" height="25" /> </a><a href="https://www.instagram.com/sunricher_controller/" target="_blank"><img src="{{skin url="images/slider/Instagram1.png"}}" alt="Instagram" width="25" height="25" /> </a><a href="https://x.com/sunricher/" target="_blank"><img src="{{skin url="images/slider/XTwitter-25x25.png"}}" alt="Twitter" width="25" height="25" /> </a></span></p>
</div>
修复后的代码
<div>
<p><span> <a href="https://www.linkedin.com/company/sunricher/posts/" target="_blank"><img src="/skin/frontend/default/sunri_1/images/slider/LinkedIn1.png" alt="Linkedin" width="25" height="25" /> </a><a href="https://www.facebook.com/SunricherController/" target="_blank"><img src="/skin/frontend/default/sunri_1/images/slider/Facebook1.png" alt="Facebook" width="25" height="25" /> </a><a href="https://www.tiktok.com/@sunricher/" target="_blank"><img src="/skin/frontend/default/sunri_1/images/slider/TikTok1-25x25dpi.png" alt="TikTok" width="25" height="25" /> </a><a href="https://www.youtube.com/@Sunricher" target="_blank"><img src="/skin/frontend/default/sunri_1/images/slider/YouTube1.png" alt="YouTube" width="25" height="25" /> </a><a href="https://www.instagram.com/sunricher_controller/" target="_blank"><img src="/skin/frontend/default/sunri_1/images/slider/Instagram1.png" alt="Instagram" width="25" height="25" /> </a><a href="https://x.com/sunricher/" target="_blank"><img src="/skin/frontend/default/sunri_1/images/slider/XTwitter-25x25.png" alt="Twitter" width="25" height="25" /> </a></span></p>
</div>
skin url 与 media url 的区别
- media url 是产品图片等
- skin url 是静态资源文件，如 static 下的图片 js 或 css
微信关注我哦 👍
我是来自山东烟台的一名开发者，有感兴趣的话题，或者软件开发需求，欢迎加微信 zhongwei 聊聊， 查看更多联系方式