85 lines
4.8 KiB
HTML
85 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
|
<header class="not-top-img" id="page-header" th:fragment="header" th:with="menu = ${menuFinder.getDefault()}">
|
|
<nav id="nav">
|
|
<div id="nav-group">
|
|
|
|
<!-- 菜单栏左侧 从 settings 文件读取配置-->
|
|
<div id="blog_name">
|
|
<div class="back-home-button" tabindex="-1">
|
|
<i class="back-home-button-icon fas fa-grip-vertical"></i>
|
|
<div class="back-menu-list-groups">
|
|
<div class="back-menu-list-group">
|
|
<div class="back-menu-list-title">标题</div>
|
|
<div class="back-menu-list">
|
|
<a class="back-menu-item" href="https://zhheo.com/"
|
|
rel="external nofollow" target="_blank"
|
|
title="这是标题">
|
|
<img class="back-menu-item-icon"
|
|
src="https://cdn.zhheo.com/Guli/img/www-mini.png"><span
|
|
class="back-menu-item-text">主页</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 返回主页 -->
|
|
<a href="/" id="site-name" title="返回博客主页">
|
|
<!-- 返回主页的 icon 可以使用文字代替-->
|
|
<i class="iconfont icon-heo"></i>
|
|
</a>
|
|
</div>
|
|
<div id="page-name-mask">
|
|
<div id="page-name"><a id="page-name-text" onclick="btf.scrollToDest(0,500)"></a></div>
|
|
</div>
|
|
<!-- 中间菜单栏 -->
|
|
<div id="menus">
|
|
<div class="menus_items">
|
|
|
|
<div class="menus_item" th:each="menuItem : ${menu.menuItems}">
|
|
<a class="site-page" href="javascript:void(0);" rel="external nofollow">
|
|
<span th:text="${menuItem.status.displayName}"></span>
|
|
<i class="fas fa-chevron-down expand"></i>
|
|
</a>
|
|
|
|
<ul class="menus_item_child">
|
|
|
|
<li th:each="childMenu : ${menuItem.children}">
|
|
<a class="site-page child" th:href="${childMenu.status.href}">
|
|
<!-- 这里应该有一个 icon 暂时还不支持 -->
|
|
<!--<i class="fa-fw fa-duotone fa-list-timeline"></i>-->
|
|
<span th:text="${menuItem.status.displayName}"></span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div id="nav-right">
|
|
<div class="nav-button only-home" id="travellings_button"><a class="site-page"
|
|
href="javascript:void(0);"
|
|
onclick="totraveling()"
|
|
rel="external nofollow"
|
|
title="随机前往一个开往项目网站"><i
|
|
class="fa-duotone fa-train-subway" style="font-size:1rem"></i></a></div>
|
|
<div class="nav-button" id="randomPost_button"><a class="site-page" onclick="toRandomPost()"
|
|
title="随机前往一个文章"><i
|
|
class="fa-duotone fa-dice" style="font-size:1rem"></i></a></div>
|
|
<div class="nav-button" id="search-button"><a class="site-page social-icon search"
|
|
href="javascript:void(0);"
|
|
rel="external nofollow" title="站内搜索"><i
|
|
class="fas fa-magnifying-glass" style="font-size:1rem"></i></a></div>
|
|
<div class="nav-button"><a class="console_switchbutton" href="javascript:void(0);"
|
|
onclick="heo.showConsole()" rel="external nofollow" title="显示中控台"><i
|
|
class="fa-duotone fa-gear" style="font-size:1rem"></i></a></div>
|
|
<div class="nav-button" id="nav-totop" onclick="btf.scrollToDest(0,500)"><a class="totopbtn"><i
|
|
class="fas fa-arrow-up"></i><span id="percent">0</span></a></div>
|
|
<div id="toggle-menu"><a class="site-page"><i class="fas fa-bars fa-fw"></i></a></div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
</html> |