Merge pull request #37 from bwangel23/add_tags_page

添加了标签页 V2

README.md

@@ -44,6 +44,12 @@ The hugo-nuo theme add `home` and `works` page to initial site menu, you can add
   weight = 20
   identifier = "works"
   url = "https://github.com/laozhu"
+
+[[menu.main]]
+  name = "Tags"
+  weight = 30
+  identifier = "tags"
+  url = "/tags"
 ```
 
 Or you can add some other page to menu in page's front matter:

exampleSite/config.toml

@@ -29,6 +29,12 @@ copyright = "© This post is licensed under a Creative Commons Attribution-NonCo
   identifier = "works"
   url = "https://github.com/laozhu"
 
+[[menu.main]]
+  name = "Tags"
+  weight = 30
+  identifier = "tags"
+  url = "/tags"
+
 # Add your own params here
 [params]
   author = "Ritchie Zhu"

layouts/_default/terms.html

@@ -0,0 +1,21 @@
+{{ define "title" }}
+  {{ if isset .Site.Params "seotitle" }}{{ .Site.Params.seotitle }}{{ else }}{{ .Site.Title }}{{ end }}
+  → Tags
+{{ end }}
+
+{{ define "main" }}
+  {{ partial "header.html" . }}
+  <section class="main term-list">
+    {{ $data := .Data }}
+    <header class="term-header">
+      <h2>Tags</h2>
+    </header>
+
+    <div class="term-tags">
+      {{ range $key,$value := .Data.Terms.ByCount }}
+        <a href="/{{ $data.Plural }}/{{ $value.Name | urlize }}" style="font-size: {{ add (mul $value.Count 3.17) 12.83 }}px;"> {{ $value.Name }}</a>
+      {{ end }}
+    </div>
+  </section>
+  {{ partial "footer.html" . }}
+{{ end }}

layouts/partials/header.html

@@ -16,7 +16,18 @@ <h2 class="offscreen">Main Menu</h2>
       {{ $kind := .Kind }}
       {{ $currentPage := . }}
       {{ range .Site.Menus.main }}
-        <li class="menu-item {{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} is-active{{ end }}{{ if and (eq .Identifier "home") (eq $type "post") }} is-active{{ end }}{{ if and (eq .Identifier "home") (and (eq $type "page") (eq $kind "taxonomy"))}} is-active{{ end }}"><a href="{{ .URL }}">{{ .Name }}</a></li>
+        <li class="menu-item
+            {{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }}
+              is-active
+            {{ end }}
+            {{ if and (eq .Identifier "tags") (and (eq $type "page") (or (eq $kind "taxonomyTerm") (eq $kind "taxonomy"))) }}
+              is-active
+            {{ end }}
+            {{ if and (eq .Identifier "home") (eq $type "post") }}
+              is-active
+            {{ end }}">
+            <a href="{{ .URL }}">{{ .Name }}</a>
+          </li>
       {{ end }}
     </ul>
   </nav>

src/styles/main.scss

@@ -12,3 +12,4 @@
 @import 'partials/syntax';
 @import 'partials/links';
 @import 'partials/misc';
+@import 'partials/terms';

src/styles/partials/terms.scss

@@ -0,0 +1,25 @@
+.term-list {
+	.term-header {
+		h2 {
+			font-size: 48px;
+		}
+	}
+	.term-tags {
+		max-width: 60em;
+		margin: 2em auto;
+		margin-top: 0em;
+		a {
+			margin-right: 1em;
+			line-height: 65px;
+			border-bottom: 1px solid gray;
+			white-space: nowrap;
+			transition: border-bottom .5s;
+
+			&:hover {
+				border-bottom: 3px dotted gray;
+				text-decoration: none;
+				color: #404040;
+			}
+		}
+	}
+}