{% if nav is defined %}
{{ pass }}
{% else %}
{% set nav = {"h":"active"} %}
{% endif %}
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
    <div class="container-fluid">
        <a href="/" class="navbar-brand">
            <img src="/static/images/0_hihell.png" style="width:2rem;" class="rounded-pill me-2" alt=""/>爬虫训练场</a>

        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="collapsibleNavbar">
            <ul class="nav nav-pills">
                <li class="nav-item">
                    <a href="/index" class="nav-link {{nav['h']}}">案例场</a>
                </li>

                <li class="nav-item">
                    <a class="nav-link {{nav['b']}}" href="/blog">站点建设中</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="https://blog.csdn.net/hihell/category_9280209.html" target="_blank">《爬虫100例》</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="https://blog.csdn.net/hihell/category_9280209.html" target="_blank">《Python爬虫120》</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {{nav['csdn']}}" href="/csdn/blogstar">博客之星(临时)</a>
                </li>
                 <li class="nav-item">
                    <a class="nav-link {{nav['hw']}}" href="/hw/rank">华为月更榜</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {{nav['time']}}" href="/timeline">建站时间轴</a>
                </li>
            </ul>
        </div>
    </div>
</nav>