👷 Finish default base index page head attribute migrate.

2022-05-22 19:40:41 +08:00
parent 277f500942
commit a4574e2085
8 changed files with 277 additions and 117 deletions
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -1,11 +1,47 @@
+{{- $P := .Site.Params -}}
+{{- $lang := replaceRE "-([a-z]+)" (upper (substr .Site.Language -3)) .Site.Language -}}
+{{- .Scratch.Set "lang" $lang -}}
 <!DOCTYPE html>
-<html>
-    {{- partial "head.html" . -}}
-    <body>
-        {{- partial "header.html" . -}}
-        <div id="content">
-        {{- block "main" . }}{{- end }}
-        </div>
-        {{- partial "footer.html" . -}}
-    </body>
-</html>
+<html lang="{{ $lang }}">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width">
+  <meta name="generator" content="Hugo v{{ hugo.Version }}">
+  <link rel="shortcut icon" type="image/x-icon" href="{{ $P.favicon.icon }}">
+  <link rel="icon" type="image/x-icon" href="{{ $P.favicon.icon }}">
+  <link rel="icon" type="image/png" sizes="16x16" href="{{ $P.favicon.small }}">
+  <link rel="icon" type="image/png" sizes="32x32" href="{{ $P.favicon.medium }}">
+  <link rel="apple-touch-icon" sizes="180x180" href="{{ $P.favicon.appleTouchIcon }}">
+  {{- partial "head.html" (dict "P" $P "Page" .Page "Scratch" .Scratch) }}
+  <title>{{ .Title | default .Site.Title }}</title>
+  <noscript>
+    <link rel="stylesheet" href="/css/noscript.css">
+  </noscript>
+</head>
+
+<body itemscope itemtype="http://schema.org/WebPage" {{ if $P.motion.enable }} class="use-motion" {{ end }}>
+  <div class="headband"></div>
+  <main class="main">
+    <header class="header" itemscope itemtype="http://schema.org/WPHeader">
+      <div class="header-inner">
+        {{- partial "header" . }}
+      </div>
+      <!-- Sidebar -->
+      {{- if ne $P.sidebar.display "remove" }}
+      {{- end }}
+    </header>
+    <!-- Widgets -->
+    <div class="main-inner">
+      <!-- Submenu,Content,Comment -->
+      {{- block "main" . }}{{- end }}
+    </div>
+  </main>
+  <footer class="footer">
+    <div class="footer-inner">
+      {{- partial "footer" . }}
+    </div>
+  </footer>
+</body>
+
+</html>
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -1,4 +1,2 @@
-{{- $scss := resources.Get "css/main.scss" }}
-{{- $scss = $scss | resources.ExecuteAsTemplate "main.scss" .  }}
-{{- $css := $scss | toCSS (dict "targetPath" "/css/main.css" "outputStyle" "expanded") }}
-<link rel="stylesheet" href="{{ $css.RelPermalink }}">
+{{- partial "head/meta" . }}
+{{- partial "head/style" . }}
--- a/layouts/partials/head/meta.html
+++ b/layouts/partials/head/meta.html
@@ -0,0 +1,48 @@
+{{- if .P.darkmode }}
+  <meta name="theme-color" content="{{ .P.themeColor.dark }}" media="(prefers-color-scheme: dark)">
+{{- else }}
+  <meta name="theme-color" content="{{ .P.themeColor.light }}" media="(prefers-color-scheme: light)">
+{{- end }}
+{{- if .P.googleSiteVerification }}
+  <meta name="google-site-verification" content="{{ .P.googleSiteVerification }}">
+{{- end }}
+{{- with .P.bingSiteVerification }}
+  <meta name="msvalidate.01" content="{{ . }}">
+{{- end }}
+{{- with .P.yandexSiteVerification }}
+  <meta name="yandex-verification" content="{{ . }}">
+{{- end }}
+{{- with .P.baiduSiteVerification }}
+  <meta name="baidu-site-verification" content="{{ . }}">
+{{- end }}
+{{- $lang := .Scratch.Get "lang" }}
+{{- $P := .P }}
+{{- $Page := .Page }}
+{{- with $P.openGraph }}
+{{- if .enable }}
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="{{ $Page.Title }}">
+  <meta property="og:description" content="{{ default $P.description $Page.Description }}">
+  <meta property="og:image" content="{{ $P.customLogo.url }}">
+  <meta property="og:url" content="{{ $Page.Permalink }}">
+  <meta property="og:site_name" content="{{ default $Page.Title $Page.Site.Title }}">
+  <meta property="og:locale" content="{{ $lang }}">
+  <meta property="article:author" content="{{ default $P.author $Page.Params.Author }}">
+{{- with .twitter }}
+{{- range $attr, $val := . }}
+  <meta name="twitter:{{ $attr }}" content="{{ $val }}">
+{{- end }}
+{{- end }}
+
+{{- with .googlePlus }}
+  <link rel="publisher" href=" {{ . }}">
+{{- end }}
+
+{{- with .facebook }}
+{{- range $attr, $val := . }}
+  <meta property="fb:{{ $attr }}" content="{{ $val }}">
+{{- end }}
+{{- end }}
+
+{{- end }}
+{{- end }}
--- a/layouts/partials/head/style.html
+++ b/layouts/partials/head/style.html
@@ -0,0 +1,7 @@
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.1.1/animate.min.css">
+{{- $scss := resources.Get "css/main.scss" }}
+{{- $scss = $scss | resources.ExecuteAsTemplate "main.scss" .  }}
+{{- $css := $scss | toCSS (dict "targetPath" "/css/main.css" "outputStyle" "expanded") }}
+  <link rel="stylesheet" href="{{ $css.RelPermalink }}">
+  <link rel="stylesheet" href="/css/hover.css">