hexo-theme-volantis/layout/_partial/header.ejs

<header class="l_header<%- page.sidebar == false ? ' no_sidebar' : '' %> <%= theme.style %> <%- theme.blur.nav ? 'nav-blur' : '' %>">
  <div id="loading-bar-wrapper">
    <div id="loading-bar" class="<%= theme.style %>"></div>
  </div>

	<div class='wrapper'>
		<div class="nav-main container container--flex">
      <a class="logo flat-box" target="_self" href='<%- url_for("/") %>' >
        <% if (config.logo) { %>
          <img class='logo' src='<%- url_for(config.logo) %>'/>
        <% } else { %>
          <%- config.title %>
        <% } %>
      </a>
			<div class='menu navgation'>
				<ul class='h-list'>
          <% if (theme.menu_desktop) { %>
  					<% (theme.menu_desktop || []).forEach(function(value){ %>
  						<li>
								<a class="nav flat-box" href="<%= url_for(value.url) %>"
                  <% if (value.rel) { %>
                    rel="<%- value.rel %>"
                  <% } %>
                  <% if (value.target) { %>
                    target="<%- value.target %>"
                  <% } %>
                  id="<%= url_for(value.url).replace(/\/|%/g, "")?url_for(value.url).replace(/\/|%/g, ""):"home" %>">
									<i class='<%= value.icon %> fa-fw'></i>&nbsp;<%= __('navbar.'+value.name) == ('navbar.'+value.name) ? value.name : __('navbar.'+value.name) %>
								</a>
							</li>
      			<%})%>
      		<% } %>
				</ul>
			</div>

			<% if (theme.search.enable === true) { %>
				<div class="m_search">
					<form name="searchform" class="form u-search-form">
						<input type="text" class="input u-search-input" placeholder="<%- __('search.placeholder') %>" />
						<i class="icon fas fa-search fa-fw"></i>
					</form>
				</div>
			<% } %>
			<ul class='switcher h-list'>
				<% if (theme.search.enable === true) { %>
					<li class='s-search'><a class="fas fa-search fa-fw" target="_self" href='javascript:void(0)'></a></li>
				<% } %>
				<li class='s-menu'><a class="fas fa-bars fa-fw" target="_self" href='javascript:void(0)'></a></li>
			</ul>
		</div>

		<div class='nav-sub container container--flex'>
			<a class="logo flat-box"></a>
			<ul class='switcher h-list'>
				<li class='s-comment'><a class="flat-btn fas fa-comments fa-fw" target="_self" href='javascript:void(0)'></a></li>
        <% if (page.sidebar == undefined || page.sidebar != false) { %>
          <li class='s-toc'><a class="flat-btn fas fa-list fa-fw" target="_self" href='javascript:void(0)'></a></li>
        <% } %>
			</ul>
		</div>
	</div>
</header>
	<aside class="menu-phone">
    <header>
		<nav class="menu navgation">
      <ul>
        <% if (theme.menu_mobile) { %>
          <% (theme.menu_mobile || []).forEach(function(value){ %>
            <li>
							<a class="nav flat-box" href="<%= url_for(value.url) %>"
                <% if (value.rel) { %>
                  rel="<%- value.rel %>"
                <% } %>
                <% if (value.target) { %>
                  target="<%- value.target %>"
                <% } %>
                id="<%= url_for(value.url).replace(/\/|%/g, "")?url_for(value.url).replace(/\/|%/g, ""):"home" %>">
								<i class='<%= value.icon %> fa-fw'></i>&nbsp;<%= __('navbar.'+value.name) == ('navbar.'+value.name) ? value.name : __('navbar.'+value.name) %>
							</a>
            </li>
          <%})%>
       <% } %>
      </ul>
		</nav>
    </header>
	</aside>
<script>setLoadingBarProgress(40);</script>