{% load blog_tags %}  <!-- 加载自定义博客相关模板标签 -->
{% load i18n %}  <!-- 加载国际化标签，支持多语言翻译 -->

<!-- 网站侧边栏容器，role="complementary"标识为辅助内容区域 -->
<div id="secondary" class="widget-area" role="complementary">
    <!-- 搜索框组件 -->
    <aside id="search-2" class="widget widget_search">
        <!-- 搜索表单，请求方式为GET，提交到/search路径 -->
        <form role="search" method="get" id="searchform" class="searchform" action="/search">
            <div>
                <!-- 供屏幕阅读器识别的搜索标签，视觉上隐藏 -->
                <label class="screen-reader-text" for="s">{% trans 'search' %}：</label>
                <!-- 搜索输入框，name为"q"用于后端接收搜索关键词 -->
                <input type="text" value="" name="q" id="q"/>
                <!-- 搜索提交按钮 -->
                <input type="submit" id="searchsubmit" />
            </div>
        </form>
    </aside>

    <!-- 额外侧边栏内容（若存在） -->
    {% if extra_sidebars %}
        {% for sidebar in extra_sidebars %}  <!-- 循环遍历所有额外侧边栏 -->
            <!-- 自定义HTML侧边栏组件 -->
            <aside class="widget_text widget widget_custom_html">
                <p class="widget-title">{{ sidebar.name }}</p>  <!-- 侧边栏标题 -->
                <div class="textwidget custom-html-widget">
                    <!-- 渲染侧边栏内容，经过自定义markdown处理并允许安全HTML -->
                    {{ sidebar.content|custom_markdown|safe }}
                </div>
            </aside>
        {% endfor %}
    {% endif %}

    <!-- 热门阅读文章（若存在） -->
    {% if most_read_articles %}
        <aside id="views-4" class="widget widget_views">
            <p class="widget-title">Views</p>  <!-- 组件标题（阅读量） -->
            <ul>
                {% for a in most_read_articles %}  <!-- 循环遍历热门文章 -->
                    <li>
                        <!-- 文章链接，标题为文章标题 -->
                        <a href="{{ a.get_absolute_url }}" title="{{ a.title }}">
                            {{ a.title }}
                        </a> - {{ a.views }} views  <!-- 显示文章阅读量 -->
                    </li>
                {% endfor %}
            </ul>
        </aside>
    {% endif %}

    <!-- 文章分类侧边栏（若存在） -->
    {% if sidebar_categorys %}
        <aside id="su_siloed_terms-2" class="widget widget_su_siloed_terms">
            <p class="widget-title">{% trans 'category' %}</p>  <!-- 分类标题（多语言） -->
            <ul>
                {% for c in sidebar_categorys %}  <!-- 循环遍历分类 -->
                    <li class="cat-item cat-item-184">
                        <!-- 分类链接，指向分类详情页 -->
                        <a href={{ c.get_absolute_url }}>{{ c.name }}</a>
                    </li>
                {% endfor %}
            </ul>
        </aside>
    {% endif %}

    <!-- 最新评论（若存在且网站允许评论） -->
    {% if sidebar_comments and  open_site_comment %}
        <aside id="ds-recent-comments-4" class="widget ds-widget-recent-comments">
            <p class="widget-title">{% trans 'recent comments' %}</p>  <!-- 最新评论标题 -->
            <ul id="recentcomments">
                {% for c in sidebar_comments %}  <!-- 循环遍历最新评论 -->
                    <li class="recentcomments">
                        <span class="comment-author-link">{{ c.author.username }}</span>  <!-- 评论作者 -->
                        {% trans 'published on' %}《  <!-- 翻译为“发表于” -->
                        <!-- 链接到评论所在的文章，锚点定位到具体评论 -->
                        <a href="{{ c.article.get_absolute_url }}#comment-{{ c.pk }}">{{ c.article.title }}</a>》
                    </li>
                {% endfor %}
            </ul>
        </aside>
    {% endif %}

    <!-- 最新文章（若存在） -->
    {% if recent_articles %}
        <aside id="recent-posts-2" class="widget widget_recent_entries">
            <p class="widget-title">{% trans 'recent articles' %}</p>  <!-- 最新文章标题 -->
            <ul>
                {% for a in  recent_articles %}  <!-- 循环遍历最新文章 -->
                    <li>
                        <!-- 文章链接，标题为文章标题 -->
                        <a href="{{ a.get_absolute_url }}" title="{{ a.title }}">
                            {{ a.title }}
                        </a>
                    </li>
                {% endfor %}
            </ul>
        </aside>
    {% endif %}

    <!-- 收藏链接（若存在） -->
    {% if sidabar_links %}
        <aside id="linkcat-0" class="widget widget_links">
            <p class="widget-title">{% trans 'bookmark' %}</p>  <!-- 收藏标题 -->
            <ul class='xoxo blogroll'>
                {% for l in sidabar_links %}  <!-- 循环遍历收藏链接 -->
                    <li>
                        <!-- 收藏链接，新窗口打开，标题为链接名称 -->
                        <a href="{{ l.link }}" target="_blank" title="{{ l.name }}">{{ l.name }}</a>
                    </li>
                {% endfor %}
            </ul>
        </aside>
    {% endif %}

    <!-- Google广告（若开启） -->
    {% if show_google_adsense %}
        <aside id="text-2" class="widget widget_text">
            <p class="widget-title">Google AdSense</p>  <!-- 广告标题 -->
            <div class="textwidget">
                <!-- 渲染Google广告代码，允许安全HTML -->
                {{ google_adsense_codes|safe }}
            </div>
        </aside>
    {% endif %}

    <!-- 标签云（若存在） -->
    {% if sidebar_tags %}
        <aside id="tag_cloud-2" class="widget widget_tag_cloud">
            <p class="widget-title">{% trans 'Tag Cloud' %}</p>  <!-- 标签云标题 -->
            <div class="tagcloud">
                {% for tag,count,size in sidebar_tags %}  <!-- 循环遍历标签，获取标签、数量、字体大小 -->
                    <!-- 标签链接，字体大小由size变量控制，标题显示标签下文章数量 -->
                    <a href="{{ tag.get_absolute_url }}"
                       class="tag-link-{{ tag.id }} tag-link-position-{{ tag.id }}"
                       style="font-size: {{ size }}pt;" title="{{ count }}个话题"> {{ tag.name }}
                    </a>
                {% endfor %}
            </div>
        </aside>
    {% endif %}

    <!-- 网站源码Star/Fork提示 -->
    <aside id="text-2" class="widget widget_text">
        <p class="widget-title">{% trans 'Welcome to star or fork the source code of this site' %}</p>  <!-- 多语言提示文本 -->
        <div class="textwidget">
            <p>
                <!-- GitHub Star按钮图片链接 -->
                <a href="https://github.com/liangliangyy/DjangoBlog" rel="nofollow"><img
                        src="https://resource.lylinux.net/img.shields.io/github/stars/liangliangyy/djangoblog.svg?style=social&amp;label=Star"
                        alt="GitHub stars"></a>
                <!-- GitHub Fork按钮图片链接 -->
                <a href="https://github.com/liangliangyy/DjangoBlog" rel="nofollow"><img
                        src="https://resource.lylinux.net/img.shields.io/github/forks/liangliangyy/djangoblog.svg?style=social&amp;label=Fork"
                        alt="GitHub forks"></a>
            </p>
        </div>
    </aside>

    <!-- 功能链接侧边栏 -->
    <aside id="meta-3" class="widget widget_meta">
        <p class="widget-title">{% trans 'Function' %}</p>  <!-- 功能标题 -->
        <ul>
            <!-- 后台管理系统链接 -->
            <li><a href="/admin/" rel="nofollow">{% trans 'management site' %}</a></li>
            {% if user.is_authenticated %}  <!-- 若用户已登录 -->
                <!-- 登出链接 -->
                <li><a href="{% url "account:logout" %}" rel="nofollow">{% trans 'logout' %}</a></li>
            {% else %}
                <!-- 登录链接 -->
                <li><a href="{% url "account:login" %}" rel="nofollow">{% trans 'login' %}</a></li>
            {% endif %}
            {% if user.is_superuser %}  <!-- 若用户是超级管理员 -->
                <!-- 轨迹记录链接（新窗口打开） -->
                <li><a href="{% url 'owntracks:show_dates' %}" target="_blank">{% trans 'Track record' %}</a></li>
            {% endif %}
            <!-- GitBook链接（新窗口打开） -->
            <li><a href="http://gitbook.lylinux.net" target="_blank" rel="nofollow">GitBook</a></li>
        </ul>
    </aside>

    <!-- 回到顶部按钮，初始显示，鼠标悬停提示文本 -->
    <div id="rocket" class="show" title="{% trans 'Click me to return to the top' %}"></div>
</div><!-- #secondary -->  <!-- 侧边栏容器结束 -->