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

Finish head attribute settings.

Browse Source 
- Add open graph meta attribute (also with twitter card, google puls, facebook)
- Split the modules with css, icon, open graph etc.
This commit is contained in:
凡梦星尘
2022-05-07 12:23:19 +08:00
parent a24830d8e3
commit 4755b77427
9 changed files with 85 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
layouts/_default/baseof.html
View File

@@ -1,5 +1,5 @@
{{ $langCode := replaceRE "-([a-z]+)" (upper (substr .Site.Language -3)) .Site.Language }}
{{ $P := .Site.Params }}
{{- $langCode := replaceRE "-([a-z]+)" (upper (substr .Site.Language -3)) .Site.Language -}}
{{- $P := .Site.Params -}}
<!DOCTYPE html>
<html lang="{{ $langCode }}">
<head>
@@ -7,18 +7,7 @@
<meta name="viewport" content="width=device-width">
<meta name="generator" content="Hugo v{{ hugo.Version }}">
{{ partial "partials/head.html" . }}
<link rel="canonical" href="{{ .Site.BaseURL }}">
<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 }}">
<link rel="stylesheet" href="/css/main.css">
{{- $style := resources.Get "css/style.css" | resources.ExecuteAsTemplate "css/style.css" . -}}
<link rel="stylesheet" href="{{ $style.RelPermalink }}">
{{- partial "partials/head.html" . }}
<title>{{ .Site.Title }}</title>
</head>

13
layouts/partials/head.html
View File

@@ -1,9 +1,4 @@
<meta property="og:type" content="website">
<meta property="og:title" content="Hugo">
<meta property="og:url" content="{{ .Site.BaseURL }}">
<meta property="og:site_name" content="Hugo">
{{/*<meta property="og:locale" content="{{ .langCode }}">*/}}
<meta property="article:author" content="{{ .Site.Params.author }}">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.1.1/css/all.min.css" integrity="sha256-DfWjNxDkM94fVBWx1H5BMMp0Zq7luBlV8QRcSES7s+0=" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@3.1.1/animate.min.css" integrity="sha256-PR7ttpcvz8qrF57fur/yAx1qXMFJeJFiA6pSzWi0OIE=" crossorigin="anonymous">
{{- partial "head/favicon.html" . }}
{{- partial "head/open_graph.html" . }}
{{ partial "head/css.html" . }}
{{- partial "head/analytics.html" . }}

0
layouts/partials/head/analytics.html Normal file
View File

6
layouts/partials/head/css.html Normal file
View File

@@ -0,0 +1,6 @@
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.1.1/css/all.min.css" integrity="sha256-DfWjNxDkM94fVBWx1H5BMMp0Zq7luBlV8QRcSES7s+0=" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@3.1.1/animate.min.css" integrity="sha256-PR7ttpcvz8qrF57fur/yAx1qXMFJeJFiA6pSzWi0OIE=" crossorigin="anonymous">
<!-- NexT theme css style -->
<link rel="stylesheet" href="/css/main.css">
{{- $style := resources.Get "css/style.css" | resources.ExecuteAsTemplate "css/style.css" . }}
<link rel="stylesheet" href="{{ $style.RelPermalink }}">

7
layouts/partials/head/favicon.html Normal file
View File

@@ -0,0 +1,7 @@
<!-- Website icons -->
<link rel="shortcut icon" type="image/x-icon" href="{{ .Site.Params.favicon.icon }}">
<link rel="icon" type="image/x-icon" href="{{ .Site.Params.favicon.icon }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ .Site.Params.favicon.small }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ .Site.Params.favicon.medium }}">
<link rel="apple-touch-icon" sizes="180x180" href="{{ .Site.Params.favicon.appleTouchIcon }}">
<!-- Website icons -->

33
layouts/partials/head/open_graph.html Normal file
View File

@@ -0,0 +1,33 @@
{{- $Site := .Site -}}
{{- $Params := .Site.Params -}}
{{- $Page := .Page -}}
{{- with .Site.Params.openGraph -}}
{{- if .enable -}}
{{- $langCode := replaceRE "-([a-z]+)" (upper (substr $Site.Language -3)) $Site.Language }}
<meta property="og:type" content="website">
<meta property="og:title" content="{{ $Page.Title }}">
<meta property="og:description" content="{{ default $Params.description $Page.Description }}">
<meta property="og:image" content="{{ default $Params.customLogo.url }}">
<meta property="og:url" content="{{ $Page.Permalink }}">
<meta property="og:site_name" content="{{ $Site.Title }}">
<meta property="og:locale" content="{{ $langCode }}">
<meta property="article:author" content="{{ default $Params.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 -}}

5
layouts/partials/header.html
View File

@@ -14,6 +14,11 @@
<i class="logo-line"></i>
</a>
<p class="site-subtitle" itemprop="description">{{ .Site.Params.subtitle }}</p>
{{ with .Site.Params.customLogo }}
{{ if .show }}
<img class="custom-logo-image" src="{{ .url }}" alt="Custom Logo">
{{ end }}
{{ end }}
</div>
<div class="site-nav-right">
<div class="toggle popup-trigger">