{% load i18n %}
{% if article_tags_list %}  <!-- 判断文章标签列表是否存在，存在则渲染标签面板 -->
    <div class="panel panel-default">  <!-- 标签面板容器，使用默认样式的面板组件 -->
        <div class="panel-heading">  <!-- 面板头部区域，显示标题 -->
            {% trans 'tags' %}  <!-- 翻译“tags”为对应语言（如中文“标签”），作为面板标题 -->
        </div>
        <div class="panel-body">  <!-- 面板内容区域，用于放置标签列表 -->

            {% for url,count,tag,color in article_tags_list %}  <!-- 循环遍历标签列表，获取每个标签的链接、数量、标签对象、颜色 -->
                <!-- 标签链接，使用label组件样式，颜色由循环变量color控制 -->
                <a class="label label-{{ color }}" style="display: inline-block;" href="{{ url }}"
                   title="{{ tag.name }}">  <!-- 鼠标悬停时显示标签名称 -->
                    {{ tag.name }}  <!-- 显示标签名称 -->
                    <span class="badge">{{ count }}</span>  <!-- 显示该标签下的文章数量，用badge组件样式包裹 -->
                </a>
            {% endfor %}  <!-- 标签循环结束 -->

        </div>  <!-- 面板内容区域结束 -->
    </div>  <!-- 标签面板容器结束 -->
{% endif %}  <!-- 标签列表存在判断结束 -->