{% load i18n %}  {# 加载国际化标签库 #}

<nav id="site-navigation" class="main-navigation" role="navigation">  {# 主导航栏 #}
    <div class="menu-%e8%8f%9c%e5%8d%95-container">  {# 菜单容器，类名包含URL编码的"菜单" #}
        <ul id="menu-%e8%8f%9c%e5%8d%95" class="nav-menu">  {# 导航菜单列表 #}
            <li id="menu-item-3498"  {# 首页菜单项 #}
                class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-3498">
                <a href="/">{% trans 'index' %}</a></li>  {# 首页链接，使用国际化翻译 #}

            {% load blog_tags %}  {# 加载博客自定义标签 #}
            {% query nav_category_list parent_category=None as root_categorys %}  {# 查询顶级分类 #}
            {% for node in root_categorys %}  {# 遍历顶级分类 #}
                {% include 'share_layout/nav_node.html' %}  {# 包含导航节点模板 #}
            {% endfor %}
            {% if nav_pages %}  {# 如果存在导航页面 #}
                {% for node in nav_pages %}  {# 遍历导航页面 #}

                    <li id="menu-item-{{ node.pk }}"  {# 页面菜单项，使用页面ID #}
                        class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-{{ node.pk }}">
                        <a href="{{ node.get_absolute_url }}">{{ node.title }}</a>  {# 页面链接 #}
                    </li>
                {% endfor %}
            {% endif %}
            <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children">  {# 文章归档菜单项 #}

                <a href="{% url "blog:archives" %}">{% trans 'Article archive' %}</a>  {# 文章归档链接，使用URL反向解析 #}
            </li>
        </ul>
    </div>
</nav><!-- #site-navigation -->  {# 站点导航结束 #}