<div class="header">
  <div class="header-top">
    <div class="header-avatar load-memos-editor" id="theme-toggle-avatar">
      <img src="{{ .Site.Params.avatar }}" class="blog-img" width="80" height="80" alt="{{ .Site.Title }}" decoding="async" fetchpriority="high">
      <div class="avatar-theme-tip">点击头像切换昼夜</div>
    </div>
    <div class="header-info">
      <div class="header-social">
        {{- range .Site.Menus.social -}}
        <a href="{{ .URL }}" title="{{ .Name }}" target="_blank"><i class="{{ .Identifier }}"></i></a>
        {{ end -}}
      </div>
      <div class="header-bio">{{ .Site.Params.bio }}</div>
    </div>
  </div>
  <nav class="header-menu">
    <ul class="flat">
      {{- range .Site.Menus.main -}}
      <li class="active"><a href="{{ .URL }}">{{ .Name }}</a></li>
      {{ end -}}
    </ul>
  </nav>
</div>
