使用 Jinja 模板

layout.html

<div class="ts huge left sidebar inverted overlapped vertical menu">
    <div class="ts attached inverted menu">
        <a onclick="ts('.left.inverted.sidebar').sidebar('hide');" class="item">
            <i class="chevron left icon"></i>
        </a>
        <div class="right menu">
            <a href="{{ url_for('logout') }}" class="item">登出</a>
        </div>
    </div>
    <a href="{{ url_for('index') }}" class="{% block active_mobile_home %}{% endblock %} item">首頁</a>
    {% if session['user'] %}
        <div class="item">
            成績表
            <div class="menu">
                <a href="{{ url_for('scoreboard') }}" class="{% block active_mobile_scoreboard %}{% endblock %} item">第一次段考</a>
                <a href="#" class="item">第二次段考</a>
                <a href="#" class="item">第三次段考</a>
                <a href="#" class="item">補考</a>
            </div>
        </div>
    {% endif %}
    <a href="{{ url_for('about') }}" class="{% block active_mobile_a %}{% endblock %}item">關於</a>
</div>