html 突出显示选项卡：版本3

Posted 2021-05-11

---
layout: generic
title:  About
active: about
---

<!--
I have a navigation include with the following section
-->

<ul class="nav navbar-nav">
  {% if page.active == "home" %}
    <li class="active"><a href="#">Home</a></li>
  {% else %}
    <li><a href="/">Home</a></li>
  {% endif %}
  
  {% if page.active == "blog" %}
    <li class="active"><a href="#">Blog</a></li>
  {% else %}
    <li><a href="../blog/">Blog</a></li>
  {% endif %}
  
  {% if page.active == "about" %}
    <li class="active"><a href="#">About</a></li>
  {% else %}
    <li><a href="../about">About</a></li>
  {% endif %}
</ul>