{% load static %}   {# 加载静态文件标签 #}
{% load cache %}    {# 加载缓存标签 #}
{% load i18n %}     {# 加载国际化标签 #}
{% load compress %} {# 加载压缩标签 #}
<!DOCTYPE html>
<!--[if IE 7]>      {# IE7浏览器条件注释 #}
<html class="ie ie7" lang="zh-CN"
      prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
<![endif]-->
<!--[if IE 8]>      {# IE8浏览器条件注释 #}
<html class="ie ie8" lang="zh-CN"
      prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
<![endif]-->
<!--[if !(IE 7) & !(IE 8)]><!-->    {# 非IE7和IE8浏览器 #}
<html lang="zh-CN" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
<!--<![endif]-->
<head>
    <meta charset="UTF-8"/>   {# 字符编码 #}
    <meta name="viewport" content="width=device-width"/>   {# 响应式视口设置 #}
    {% block header %}  {# 头部块，子模板可重写 #}
        <title>{% block title %}{{ SITE_NAME }}{% endblock %}</title>   {# 标题块 #}
        <meta name="description" content="{{ SITE_DESCRIPTION }}">      {# 网站描述 #}
        <meta name="keywords" content="{{ SITE_KEYWORDS }}">            {# 网站关键词 #}
    {% endblock %}
    {% load blog_tags %}     {# 加载博客自定义标签 #}
    {% head_meta %}          {# 生成头部meta信息 #}
    <link rel="profile" href="http://gmpg.org/xfn/11"/>      {# 微格式支持 #}

    <!--[if lt IE 9]>   {# IE9以下浏览器HTML5支持 #}
    <script src="{% static 'blog/js/html5.js' %}" type="text/javascript"></script>
    <![endif]-->

    <link rel="alternate" type="application/rss+xml" title="{{ SITE_NAME }} &raquo; Feed"
          {# RSS订阅 #}
          href="/feed"/>
    <link rel='stylesheet preload' as="font" id='twentytwelve-fonts-css'  {# 字体预加载 #}
          href='{% static 'blog/fonts/fonts.css' %}'
          type='text/css' media='all'/>
    <link rel="dns-prefetch" href="//cdn.mathjax.org"/>   {# DNS预解析 #}
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>   {# 网站图标 #}
    <link rel="icon" href="/favicon.ico" type="image/x-icon"/>   {# 网站图标 #}
    <link rel="apple-touch-icon" href="/favicon.ico"/>   {# Apple触摸图标 #}
    {% compress css %}   {# CSS压缩块开始 #}

        <link rel='stylesheet' id='twentytwelve-style-css' href='{% static 'blog/css/style.css' %}' type='text/css'{# 主样式表 #}
              media='all'/>
        <link href="{% static 'blog/css/oauth_style.css' %}" rel="stylesheet"> {# OAuth样式表 #}
        {% comment %}<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>{% endcomment %}  {# 注释掉的代码高亮 #}
        <!--[if lt IE 9]>  {# IE9以下特殊样式 #}
        <link rel='stylesheet' id='twentytwelve-ie-css'  href='{% static 'blog/css/ie.css' %}' type='text/css' media='all' />
        <![endif]-->
        <link rel="stylesheet" href="{% static 'pygments/default.css' %}"/>  {# 代码高亮样式 #}
        <link rel="stylesheet" href="{% static 'blog/css/nprogress.css' %}">  {# 进度条样式 #}
        {% block compress_css %}  {# 子模板CSS压缩块 #}
        {% endblock %}
    {% endcompress %}  {# CSS压缩块结束 #}
    {% if GLOBAL_HEADER %}  {# 全局头部HTML代码 #}
        {{ GLOBAL_HEADER|safe }}
    {% endif %}
</head>

<body class="home blog custom-font-enabled">  {# body类名 #}
<div id="page" class="hfeed site">  {# 页面容器 #}
    <header id="masthead" class="site-header" role="banner">  {# 网站头部 #}
        <hgroup> {# 标题组 #}
            <h1 class="site-title"><a href="/" title="{{ SITE_NAME }}" rel="home">{{ SITE_NAME }}</a> {# 网站标题 #}
            </h1>
            <h2 class="site-description">{{ SITE_DESCRIPTION }}</h2>  {# 网站描述 #}
        </hgroup>
        {% load i18n %}  {# 加载国际化 #}


        {#        <div class="i18n-selector">#}  {# 注释掉的语言选择器 #}
        {#            <form action="{% url 'set_language' %}" method="post" id="i18n-form">{% csrf_token %}#}
        {#                <input name="next" type="hidden" value="{{ redirect_to }}">#}
        {#                <select name="language" class="i18n-select" >#}
        {#                    {% get_current_language as LANGUAGE_CODE %}#}
        {#                    {% get_available_languages as LANGUAGES %}#}
        {#                    {% get_language_info_list for LANGUAGES as languages %}#}
        {#                    {% for language in languages %}#}
        {#                        <option value="{{ language.code }}"{% if language.code == LANGUAGE_CODE %} selected{% endif %}>#}
        {#                            {{ language.name_local }} ({{ language.code }})#}
        {#                        </option>#}
        {#                    {% endfor %}#}
        {#                </select>#}
        {#                                <input type="submit" value="Go">#}
        {#            </form>#}
        {#        </div>#}


        {% include 'share_layout/nav.html' %}   {# 包含导航模板 #}


    </header><!-- #masthead --> {# 头部结束 #}
    <div id="main" class="wrapper"> {# 主要内容区域 #}

        {% block content %} {# 内容块，子模板必须重写 #}
        {% endblock %}


        {% block sidebar %} {# 侧边栏块，子模板可选重写 #}
        {% endblock %}


    </div><!-- #main .wrapper --> {# 主要内容结束 #}
    {% include 'share_layout/footer.html' %} {# 包含页脚模板 #}
</div><!-- #page --> {# 页面容器结束 #}

</body>
<footer> {# 页脚区域 #}
    <script src="//cdn.bootcss.com/mathjax/2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> {# MathJax数学公式 #}
    {% compress js %} {# JS压缩块开始 #}
        <script type="text/javascript" src="{% static 'blog/js/jquery-3.6.0.min.js' %}"></script>  {# jQuery库 #}
        <script type="text/javascript" src="{% static 'blog/js/nprogress.js' %}"></script> {# 进度条库 #}
        <script src="{% static 'blog/js/blog.js' %}" type="application/javascript"></script> {# 博客自定义JS #}
        <script src="{% static 'blog/js/navigation.js' %}" type="application/javascript"></script> {# 导航JS #}
        <script src="{% static 'mathjax/js/mathjax-config.js' %}" type="application/javascript"></script> {# MathJax配置 #}
        {% block compress_js %} {# 子模板JS压缩块 #}
        {% endblock %}
    {% endcompress %}   {# JS压缩块结束 #}
    {% block footer %}  {# 页脚块，子模板可重写 #}
    {% endblock %}
</footer>
</html>
