2023-03-22 11:57:40 +08:00
|
|
|
<header class="navbar" xmlns:th="https://www.thymeleaf.org">
|
|
|
|
|
<div class="navbar-above">
|
2023-03-22 14:43:26 +08:00
|
|
|
<div th:class="${theme.config.basic_style.sidebar_column != 'all' ? 'container two-column' : 'container' }">
|
2023-03-22 11:57:40 +08:00
|
|
|
<i class="fa fa-bars navbar-slideicon"></i>
|
|
|
|
|
<a class="navbar-item logo-title" th:href="${site.url}">
|
2023-03-22 14:19:49 +08:00
|
|
|
<th:block th:if="${#strings.isEmpty(site.logo)}" th:text="${site.title}"/>
|
|
|
|
|
<th:block th:unless="${#strings.isEmpty(site.logo)}">
|
2023-03-22 11:57:40 +08:00
|
|
|
<img class="logo-img" th:src="${site.logo}" th:alt="${site.title}" height="28">
|
2023-03-22 14:19:49 +08:00
|
|
|
<img class="logo-img-dark" th:src="${#annotations.getOrDefault(theme.config.basic_info, 'night_logo', ${site.logo})}" th:alt="${site.title}" height="28">
|
2023-03-22 11:57:40 +08:00
|
|
|
</th:block>
|
|
|
|
|
</a>
|
2023-03-22 14:19:49 +08:00
|
|
|
<nav class="navbar-nav active-animate">
|
|
|
|
|
<th:block th:each="menuItem : ${menuFinder.getPrimary().menuItems}">
|
|
|
|
|
<a th:if="${#lists.isEmpty(menuItem.children)}"
|
|
|
|
|
class="item"
|
|
|
|
|
th:href="${menuItem.status.href}"
|
|
|
|
|
th:target="${menuItem.spec.target}"
|
|
|
|
|
th:title="${menuItem.status.displayName}">
|
|
|
|
|
<i th:if="${!#strings.isEmpty(#annotations.getOrDefault(menuItem, 'icon', ''))}"
|
|
|
|
|
th:class="${'m-icon ' + #annotations.getOrDefault(menuItem, 'icon', '')}"></i>
|
|
|
|
|
[[${menuItem.status.displayName}]]
|
|
|
|
|
</a>
|
|
|
|
|
<div th:unless="${#lists.isEmpty(menuItem.children)}" class="item-dropdown" trigger="hover" placement="60px">
|
|
|
|
|
<div class="item-dropdown-link">
|
|
|
|
|
<a class="item"
|
|
|
|
|
th:href="${#annotations.getOrDefault(menuItem.status, 'href', 'javascript:')}"
|
|
|
|
|
th:target="${menuItem.spec.target}"
|
|
|
|
|
th:title="${menuItem.status.displayName}">
|
|
|
|
|
<i th:if="${!#strings.isEmpty(#annotations.getOrDefault(menuItem, 'icon', ''))}"
|
|
|
|
|
th:class="${'m-icon ' + #annotations.getOrDefault(menuItem, 'icon', '')}"></i>
|
|
|
|
|
[[${menuItem.status.displayName}]]
|
|
|
|
|
</a>
|
|
|
|
|
<i class="fa fa-angle-down item-dropdown-link-icon" style="color:var(--main)"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<nav class="item-dropdown-menu">
|
|
|
|
|
<li th:each="dropdown : ${menuItem.children}" class="item-sub-li">
|
|
|
|
|
<a class="item"
|
|
|
|
|
th:href="${#annotations.getOrDefault(dropdown.status, 'href', 'javascript:')}"
|
|
|
|
|
th:target="${dropdown.spec.target}"
|
|
|
|
|
th:title="${dropdown.status.displayName}">
|
|
|
|
|
<i th:if="${!#strings.isEmpty(#annotations.getOrDefault(dropdown, 'icon', ''))}"
|
|
|
|
|
th:class="${'m-icon ' + #annotations.getOrDefault(dropdown, 'icon', '')}"></i>
|
|
|
|
|
[[${dropdown.status.displayName}]]
|
|
|
|
|
</a>
|
|
|
|
|
<ol class="item-sub" th:if="${!#lists.isEmpty(dropdown.children)}">
|
|
|
|
|
<li th:each="dropdownChild : ${dropdown.children}">
|
|
|
|
|
<a class="item"
|
|
|
|
|
th:href="${dropdownChild.status.href}"
|
|
|
|
|
th:target="${dropdownChild.spec.target}"
|
|
|
|
|
th:title="${dropdownChild.status.displayName}">
|
|
|
|
|
<i th:if="${!#strings.isEmpty(#annotations.getOrDefault(dropdownChild, 'icon', ''))}"
|
|
|
|
|
th:class="${'m-icon ' + #annotations.getOrDefault(dropdownChild, 'icon', '')}"></i>
|
|
|
|
|
[[${dropdownChild.status.displayName}]]
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ol>
|
|
|
|
|
</li>
|
|
|
|
|
</nav>
|
|
|
|
|
</div>
|
|
|
|
|
</th:block>
|
|
|
|
|
</nav>
|
2023-03-22 11:57:40 +08:00
|
|
|
|
|
|
|
|
<!-- <form data-pjax class="navbar-search" method="get" action="/search">-->
|
|
|
|
|
<!-- <input maxlength="16" autocomplete="off" placeholder="搜索内容..." name="keyword" value class="input" type="text">-->
|
|
|
|
|
<!-- <button type="submit" class="submit" aria-label="搜索按钮"><i class="fa fa-search"></i></button>-->
|
|
|
|
|
<!-- <span class="icon"></span>-->
|
|
|
|
|
<!-- <@postTag method="latest" top="5">-->
|
|
|
|
|
<!-- <nav class="result">-->
|
|
|
|
|
<!-- <#list posts as post>-->
|
|
|
|
|
<!-- <a href="${post.fullPath!}" title="${post.title!}" class="item">-->
|
|
|
|
|
<!-- <span class="sort">${post_index+1}</span>-->
|
|
|
|
|
<!-- <span class="text">${post.title!}</span>-->
|
|
|
|
|
<!-- </a>-->
|
|
|
|
|
<!-- </#list>-->
|
|
|
|
|
<!-- </nav>-->
|
|
|
|
|
<!-- </@postTag>-->
|
|
|
|
|
<!-- </form>-->
|
|
|
|
|
<i th:if="${pluginFinder.available('PluginSearchWidget')}" class="fa fa-search navbar-searchicon" href="javascript:SearchWidget.open();"></i>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- <#-- mobile菜单 –>-->
|
|
|
|
|
<!-- <div class="navbar-slideout">-->
|
|
|
|
|
<!-- <div class="navbar-slideout-wrap">-->
|
|
|
|
|
<!-- <div class="navbar-slideout-author">-->
|
|
|
|
|
<!-- <img width="50" height="50" src="${user.avatar!}" class="avatar" alt="${user.nickname!}"/>-->
|
|
|
|
|
<!-- <div class="info">-->
|
|
|
|
|
<!-- <a class="link" target="_blank" rel="noopener noreferrer nofollow">${user.nickname!}</a>-->
|
|
|
|
|
<!-- <p class="motto">${user.description!'一句话介绍自己吧！'}</p>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- <ul class="navbar-slideout-menu">-->
|
|
|
|
|
<!-- <li class="item">-->
|
|
|
|
|
<!-- <i class="fa fa-pencil-square-o"></i>-->
|
|
|
|
|
<!-- <@postTag method="count"><span>累计撰写 <strong>${count!"0"}</strong> 篇文章</span></@postTag>-->
|
|
|
|
|
<!-- </li>-->
|
|
|
|
|
<!-- <li class="item">-->
|
|
|
|
|
<!-- <i class="fa fa-tags"></i>-->
|
|
|
|
|
<!-- <@tagTag method="count"><span>累计创建 <strong>${count!"0"}</strong> 个标签</span></@tagTag>-->
|
|
|
|
|
<!-- </li>-->
|
|
|
|
|
<!-- <li class="item">-->
|
|
|
|
|
<!-- <i class="fa fa-commenting-o"></i>-->
|
|
|
|
|
<!-- <@commentTag method="count"><span>累计收到 <strong>${count!"0"}</strong> 条评论</span></@commentTag>-->
|
|
|
|
|
<!-- </li>-->
|
|
|
|
|
<!-- </ul>-->
|
|
|
|
|
<!-- <ul class="navbar-slideout-menu not-toc">-->
|
|
|
|
|
<!-- <li>-->
|
|
|
|
|
<!-- <a class="link panel" href="#" rel="nofollow">-->
|
|
|
|
|
<!-- <span>导航</span>-->
|
|
|
|
|
<!-- <i class="fa fa-angle-right"></i>-->
|
|
|
|
|
<!-- </a>-->
|
|
|
|
|
<!-- <ul class="slides panel-body panel-side-menu">-->
|
|
|
|
|
<!-- <@menuTag method="tree">-->
|
|
|
|
|
<!-- <#list menus?sort_by('priority') as menu>-->
|
|
|
|
|
<!-- <#if menu.children?? && menu.children?size gt 0>-->
|
|
|
|
|
<!-- <#if menu.name?default('')?starts_with('#hide') != true>-->
|
|
|
|
|
<!-- <li>-->
|
|
|
|
|
<!-- <div class="link panel">-->
|
|
|
|
|
<!-- <a href="${menu.url!}" title="${menu.name!}">${menu.name!}</a>-->
|
|
|
|
|
<!-- <i class="fa fa-angle-right"></i>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- <ul class="slides panel-body">-->
|
|
|
|
|
<!-- <#if menu.children?? && menu.children?size gt 0>-->
|
|
|
|
|
<!-- <#list menu.children?sort_by('priority') as child>-->
|
|
|
|
|
<!-- <#if child.children?? && child.children?size gt 0>-->
|
|
|
|
|
<!-- <#if child.name?default('')?starts_with('#hide') != true>-->
|
|
|
|
|
<!-- <li>-->
|
|
|
|
|
<!-- <div class="link panel">-->
|
|
|
|
|
<!-- <a href="${child.url!}" title="${child.name!}">${child.name!}</a>-->
|
|
|
|
|
<!-- <i class="fa fa-angle-right"></i>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- <ul class="slides panel-body">-->
|
|
|
|
|
<!-- <#list child.children?sort_by('priority') as child1>-->
|
|
|
|
|
<!-- <#if child1.name?default('')?starts_with('#hide') != true>-->
|
|
|
|
|
<!-- <li>-->
|
|
|
|
|
<!-- <a class="link" href="${child1.url!}" title="${child1.name!}">${child1.name!}</a>-->
|
|
|
|
|
<!-- </li>-->
|
|
|
|
|
<!-- </#if>-->
|
|
|
|
|
<!-- </#list>-->
|
|
|
|
|
<!-- </ul>-->
|
|
|
|
|
<!-- </li>-->
|
|
|
|
|
<!-- </#if>-->
|
|
|
|
|
<!-- <#else>-->
|
|
|
|
|
<!-- <#if child.name?default('')?starts_with('#hide') != true>-->
|
|
|
|
|
<!-- <li>-->
|
|
|
|
|
<!-- <a class="link" href="${child.url!}" title="${child.name!}">${child.name!}</a>-->
|
|
|
|
|
<!-- </li>-->
|
|
|
|
|
<!-- </#if>-->
|
|
|
|
|
<!-- </#if>-->
|
|
|
|
|
<!-- </#list>-->
|
|
|
|
|
<!-- </#if>-->
|
|
|
|
|
<!-- </ul>-->
|
|
|
|
|
<!-- </li>-->
|
|
|
|
|
<!-- </#if>-->
|
|
|
|
|
<!-- <#else>-->
|
|
|
|
|
<!-- <#if menu.name?default('')?starts_with('#hide') != true>-->
|
|
|
|
|
<!-- <li>-->
|
|
|
|
|
<!-- <a class="link" href="${menu.url!}" title="${menu.name!}">${menu.name!}</a>-->
|
|
|
|
|
<!-- </li>-->
|
|
|
|
|
<!-- </#if>-->
|
|
|
|
|
<!-- </#if>-->
|
|
|
|
|
<!-- </#list>-->
|
|
|
|
|
<!-- </@menuTag>-->
|
|
|
|
|
<!-- </ul>-->
|
|
|
|
|
<!-- </li>-->
|
|
|
|
|
<!-- </ul>-->
|
|
|
|
|
<!-- <#if settings.drawer_toc!true>-->
|
|
|
|
|
<!-- <ul class="navbar-slideout-menu is-toc">-->
|
|
|
|
|
<!-- <a class="link in" href="#" rel="nofollow"><span>目录</span></a>-->
|
|
|
|
|
<!-- <div class="toc-content">-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </ul>-->
|
|
|
|
|
<!-- </#if>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
|
|
|
|
|
<div class="navbar-mask"></div>
|
|
|
|
|
</header>
|
