浏览代码

Add site header

Track3 3 年之前
父节点
当前提交
b65798abf0

+ 26 - 0
assets/scss/partials/header.scss

@@ -0,0 +1,26 @@
+#site-header {
+  display: none;
+  background: var(--c-bg-alt);
+  padding: .2em .8em;
+}
+#site-branding {
+  display: inline-block;
+  margin-right: 1em;
+  font-weight: bold;
+  > a {
+    border: none;
+  }
+}
+#site-nav {
+  display: inline-block;
+  font-size: .8em;
+  > a {
+    margin-right: .2em;
+    border: none;
+    &::before {
+      content: "~/";
+      color: var(--c-txt-alt);
+      margin-right: .1em;
+    }
+  }
+}

+ 11 - 1
assets/scss/style.scss

@@ -203,7 +203,7 @@ h1#page-title {
 
 @import "partials/home.scss", "partials/404.scss";
 @import "partials/single.scss", "partials/list.scss";
-@import "partials/footer.scss", "partials/comments.scss";
+@import "partials/header.scss", "partials/footer.scss", "partials/comments.scss";
 
 
 @media all and (min-width: 550px) {
@@ -299,6 +299,16 @@ h1#page-title {
   .wrapper {
     margin-left: var(--offset);
   }
+  #home-btn {
+    top: .2em;
+    right: .8em;
+    &>img{
+      width: 1.5em;
+    }
+  }
+  #site-header {
+    display: block;
+  }
   #toc-btn {
     display: none;
   }

+ 1 - 0
layouts/_default/baseof.html

@@ -31,6 +31,7 @@
 
 <body>
 	<div id="page" class="{{.Scratch.Get "pageClass"}}">
+		{{ block "header" . -}}{{ end -}}
 		{{ block "main" . -}}{{ end -}}
 		{{ block "footer" . -}}{{ end }}
 	</div>

+ 4 - 0
layouts/_default/list.html

@@ -1,3 +1,7 @@
+{{ define "header" }}
+{{ partialCached "header.html" . }}
+{{ end }}
+
 {{ define "main" }}
 	<main id="site-main" class="wrapper">
 		<div class="title-area">

+ 4 - 0
layouts/_default/single.html

@@ -8,6 +8,10 @@
 	{{- end -}}
 {{ end }}
 
+{{ define "header" }}
+{{ partialCached "header.html" . }}
+{{ end }}
+
 {{ define "main" }}
 	<main id="site-main" class="wrapper">
 		<div class="title-area">

+ 10 - 0
layouts/partials/header.html

@@ -0,0 +1,10 @@
+	<header id="site-header">
+		<div id="site-branding">
+			<a href="{{.Site.BaseURL}}">{{ .Site.Title }}</a>
+		</div>
+		<nav id="site-nav">
+			{{- range .Site.Menus.main }}
+			<a href="{{ .URL }}">{{ .Name }}</a>
+			{{- end }}
+		</nav>
+	</header>

+ 4 - 0
layouts/posts/single.html

@@ -8,6 +8,10 @@
 	{{- end -}}
 {{ end }}
 
+{{ define "header" }}
+{{ partialCached "header.html" . }}
+{{ end }}
+
 {{ define "main" }}
 	<main id="site-main" class="wrapper">
 		<article>