{{ define "main" }}
<div id="pjax-container">
    <div class="post-content" itemprop="articleBody">
        <div id="links-container" class="items" uk-scrollspy="target: > .item-box; cls: uk-animation-slide-bottom-small; delay: 100">
            <!-- 静态生成的内容作为 SEO 兜底或构建时数据 -->
            {{ range site.Data.links.blogs }}
            <div class="item-box">
                <div class="website-img">
                    <img src="https://s0.wp.com/mshots/v1/{{ .url }}?w=800&h=600" alt="{{ .name }}">
                </div>
                <div class="link-info">
                    <div class="link-avatar">
                        <img src="{{ .image }}" alt="{{ .name }}">
                    </div>
                    <div class="link-des">
                        <div class="link-name">{{ .name }}</div>
                        <div class="link-des" style="color: #64748B;">{{ .description }}</div>
                    </div>
                </div>
                <a href="{{ .url }}">
                    <div class="website-go-button">逛一逛</div>
                </a>
            </div>
            {{ end }}
        </div>
        <div style="clear:both;"></div>
    </div>
    <!-- 移除动态加载脚本，仅保留静态生成内容 -->
</div>
{{ end }}