alyenc/hugo-theme-next
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

👷 Add sidebar menu items.

Browse Source
This commit is contained in:
凡梦星尘 2022-05-25 15:44:10 +08:00
parent fc52303ad1
commit cdbb3f751a
6 changed files with 70 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
exampleSite/config.yaml
View File

@ -23,6 +23,34 @@ languages:
subtitle: Theme for Hugo subtitle: Theme for Hugo
description: Stay easily & powerful. description: Stay easily & powerful.
#--------------------------------------
# Menus Settings
# Attribute pre is Font Awesome icon name without prefix "fa-".
# External url should start with http:// or https:// .
# -------------------------------------
menus:
main:
- identifier: home
name: 首页
url: /
pre: home
weight: 1
- identifier: about
name: 关于
url: /ablout.html
pre: user
weight: 2
- identifier: archives
name: 归档
url: /archives
pre: archive
weight: 3
- identifier: commonweal
name: 公益 404
url: /404.html
pre: heartbeat
weight: 4
params: params:
# --------------------------------------------------------------- # ---------------------------------------------------------------
# Theme Core Configuration Settings # Theme Core Configuration Settings
@ -118,7 +146,7 @@ params:
# Key is the name of menu item. If the translation for this item is available, the translated text will be loaded, otherwise the Key name will be used. Key is case-sensitive. # Key is the name of menu item. If the translation for this item is available, the translated text will be loaded, otherwise the Key name will be used. Key is case-sensitive.
# Value before `||` delimiter is the target link, value after `||` delimiter is the name of Font Awesome icon. # Value before `||` delimiter is the target link, value after `||` delimiter is the name of Font Awesome icon.
# External url should start with http:// or https:// # External url should start with http:// or https://
menu: #menu:
#home: / || fa fa-home #home: / || fa fa-home
#about: /about/ || fa fa-user #about: /about/ || fa fa-user
#tags: /tags/ || fa fa-tags #tags: /tags/ || fa fa-tags
@ -131,7 +159,7 @@ params:
# Enable / Disable menu icons / item badges. # Enable / Disable menu icons / item badges.
menuSets: menuSets:
icons: true icons: true
badges: false badges: true
# --------------------------------------------------------------- # ---------------------------------------------------------------
@ -766,7 +794,7 @@ params:
# Local Search # Local Search
# Dependencies: https://github.com/next-theme/hexo-generator-searchdb # Dependencies: https://github.com/next-theme/hexo-generator-searchdb
localSearch: localSearch:
enable: false enable: true
# If auto, trigger search by changing input. # If auto, trigger search by changing input.
# If manual, trigger search by pressing enter key or search button. # If manual, trigger search by pressing enter key or search button.
trigger: auto trigger: auto
@ -909,7 +937,7 @@ params:
# The default CDN provider of third-party plugins. # The default CDN provider of third-party plugins.
# Available values: local | jsdelivr | unpkg | cdnjs | custom # Available values: local | jsdelivr | unpkg | cdnjs | custom
# Dependencies for `plugins: local`: https://github.com/next-theme/plugins # Dependencies for `plugins: local`: https://github.com/next-theme/plugins
plugins: cdnjs plugins: unpkg
# Custom CDN URL # Custom CDN URL
# For example: # For example:
# custom_cdn_url: https://cdn.jsdelivr.net/npm/${npm_name}@${version}/${minified} # custom_cdn_url: https://cdn.jsdelivr.net/npm/${npm_name}@${version}/${minified}
@ -921,6 +949,6 @@ params:
# The js option is only valid when vendors.internal is local. # The js option is only valid when vendors.internal is local.
css: css css: css
js: js js: js
images: images images: imgs

3
i18n/en-us.yaml
View File

@ -5,6 +5,9 @@
NavToggleLabel: NavToggleLabel:
other: Toggle navigation bar other: Toggle navigation bar
MSearchLabel:
other: Search
ColoneFlag: ColoneFlag:
other: ":" other: ":"

3
i18n/zh-cn.yaml
View File

@ -5,6 +5,9 @@
NavToggleLabel: NavToggleLabel:
other: 切换导航栏 other: 切换导航栏
MSearchLabel:
other: 搜索
ColoneFlag: ColoneFlag:
other: ":" other: ":"

2
layouts/_default/baseof.html
View File

@ -5,6 +5,8 @@
{{- $pluginVen := $P.vendors.plugins -}} {{- $pluginVen := $P.vendors.plugins -}}
{{- $pluginCDN := index $vendors $pluginVen -}} {{- $pluginCDN := index $vendors $pluginVen -}}
{{- .Scratch.Set "pluginCDN" $pluginCDN -}} {{- .Scratch.Set "pluginCDN" $pluginCDN -}}
{{ $posts := len .Site.RegularPages }}
{{- .Scratch.Set "posts" $posts -}}
<!DOCTYPE html> <!DOCTYPE html>
<html lang="{{ $lang }}"> <html lang="{{ $lang }}">

3
layouts/partials/header.html
View File

@ -1 +1,2 @@
{{ partial "header/brand" . }} {{ partial "header/brand" . }}
{{ partial "header/menus" . }}

27
layouts/partials/header/menus.html Normal file
View File

@ -0,0 +1,27 @@
{{- $ms := .P.menuSets }}
{{- $curP := .Page }}
{{- $post := .Scratch.Get "posts" }}
<nav class="site-nav">
<ul class="main-menu menu">
{{- range $curP.Site.Menus.main }}
{{- $active := or ($curP.IsMenuCurrent "main" .) ($curP.HasMenuCurrent "main" .) }}
{{- $active = or $active (eq .URL "/")}}
<li class="menu-item menu-item-{{ .Identifier }}">
<a href="{{ .URL }}" class="{{if $active }} menu-item-active{{ end }}" rel="section">
{{- if $ms.icons }}<i class="fa fa-{{ .Pre }}"></i>{{ end }}{{- .Name }}
{{- if and $ms.badges (eq .Identifier "archives" ) }}
<span class="badge">{{ $post }}</span>
{{- end }}
</a>
</li>
{{- end }}
{{- if or .P.algoliaSearch.enable .P.localSearch.enable }}
<li class="menu-item menu-item-search">
<a role="button" class="popup-trigger">
{{- if $ms.icons }}<i class="fa fa-search fa-fw"></i>{{ end }}{{ T "MSearchLabel" }}
</a>
</li>
{{- end }}
</ul>
</nav>