求助，在用Hugo搭建网站时引入Swiper CDN失败

ellefik

封装的短代码模板如下：
{{ if .Site.Params.enableCarousel }}
   
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">  
    <!-- Swiper -->
    <div class="swiper">
        <div class="swiper-wrapper">
            {{$itItems := split (.Get 0) ","}}
            {{range $itItems }}
            <div class="swiper-slide">
                <img src="{{.}}" alt="">
            </div>
            {{end}}
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>

    <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
     <!-- Initialize Swiper -->
     <script>
        var swiper = new Swiper('.swiper', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
        });
        </script>
{{ end }}

然后config.yaml文件里也添加了参数，custom.scss文件也定义了外观模板，确认过短代码调用格式和图片文件名、文件存储位置都没问题，但执行hugo server -D预览的时候就是显示不出来。试着生成了网站发现也没办法显示图片。请问有没有朋友有类似经验的，实在不知道问题出在哪里了orz