maik/Personal-Website
1
0
Fork 0
mirror of https://github.com/maikka39/Personal-Website.git synced 2026-09-27 20:46:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve SEO and code formatting

Browse Source
This commit is contained in:
maik
2021-04-08 15:05:17 +02:00
parent c6fbd73a16
commit 16261320d9
17 changed files with 309 additions and 213 deletions
Download Patch File Download Diff File Expand all files Collapse all files
themes/maik-blog/layouts/partials/footer.html
+11 -9
View File
@@ -2,17 +2,19 @@
<div class="footer__inner">
<div class="footer__content">
<span>&copy; {{ now.Format "2006" }}</span>
{{ if .Site.Author.name }}
{{- if .Site.Author.name }}
<span><a href="{{ .Site.BaseURL }}">{{ .Site.Author.name }}</a></span>
{{ end }}
{{ if .Site.Copyright }}
<span>{{ .Site.Copyright| safeHTML }}</span>
{{ end }}
{{- end }}
{{- if .Site.Copyright }}
<span>All rights reserved.</span>
{{- end }}
<span><a href="/privacy/">Privacy</a></span>
<span>{{- with (not (in (.Site.Language.Get "disableKinds") "RSS")) }}
<a href="{{ "posts/index.xml" | absLangURL }}" target="_blank"
title="rss">{{ partial "svg.html" (dict "name" "rss") }}</a>
{{ end }}
<span>
{{- with (not (in (.Site.Language.Get "disableKinds") "RSS")) }}
<a href="{{ "posts/index.xml" | absLangURL }}" target="_blank" title="rss">
{{ partial "svg.html" (dict "name" "rss") }}
</a>
{{- end }}
</span>
</div>
</div>
themes/maik-blog/layouts/partials/head.html
+23 -58
View File
@@ -1,82 +1,47 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author"
content="{{ if .Params.author }}{{ .Params.author }}{{ else }}{{ range .Site.Author }}{{ . }} {{ end }}{{ end }}">
<meta name="description"
content="{{ if .IsHome }}{{ .Site.Params.homeSubtitle }}{{ else }}{{ .Summary | plainify }}{{ end }}" />
<meta name="keywords"
content="{{ .Site.Params.keywords }}{{ if .Params.tags }}{{ range .Params.tags }}, {{ . }}{{ end }}{{ end }}" />
<meta name="robots" content="noodp" />
<!-- <meta name="theme-color" content="{{ .Site.Params.themeColor }}" /> -->
<link rel="canonical" href="{{ .Permalink }}" />
<link rel="canonical" href="{{ .Permalink }}" />
<link rel="preload" href="{{ .Site.BaseURL }}fonts/Inter-UI-Regular.woff2" as="font" type="font/woff2"
crossorigin="anonymous">
<link rel="preload" href="{{ .Site.BaseURL }}fonts/Inter-UI-Bold.woff2" as="font" type="font/woff2"
crossorigin="anonymous">
{{ block "title" . }}
<title>
{{ if .IsHome }}
{{ $.Site.Title }} {{ with $.Site.Params.Subtitle }} — {{ . }} {{ end }}
{{ else }}
{{ .Title }} :: {{ $.Site.Title }} {{ with $.Site.Params.Subtitle }} — {{ . }}{{ end }}
{{ end }}
</title>
{{ end }}
{{ $options := (dict "targetPath" "main.css" "outputStyle" "compressed" "enableSourceMap" true) }}
{{ $style := resources.Get "scss/main.scss" | resources.ToCSS $options | resources.Fingerprint }}
{{- $style := resources.Get "scss/main.scss" | resources.ToCSS $options | resources.Fingerprint }}
<link rel="stylesheet" href="{{ $style.RelPermalink }}">
{{ range $val := $.Site.Params.customCSS }}
{{ if gt (len $val) 0 }}
{{- range $val := $.Site.Params.customCSS }}
{{- if gt (len $val) 0 }}
<link rel="stylesheet" type="text/css" href="{{ $val }}">
{{ end }}
{{ end }}
{{- end }}
{{- end }}
<!-- Icons -->
{{- partial "favicons.html" . }}
{{- partial "favicons.html" . -}}
{{ template "_internal/schema.html" . }}
{{ template "_internal/twitter_cards.html" . }}
{{ if isset .Site.Taxonomies "series" }}
{{ template "_internal/opengraph.html" . }}
{{ end }}
{{ range .Params.categories }}
<meta property="article:section" content="{{ . }}" />
{{ end }}
{{ if isset .Params "date" }}
<meta property="article:published_time" content="{{ time .Date }}" />
{{ end }}
<!-- Meta tags -->
{{- partial "meta-tags.html" . -}}
<!-- RSS -->
{{ with .OutputFormats.Get "rss" -}}
<!-- {{- with .OutputFormats.Get "rss" }}
{{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
{{ end -}}
{{- end }} -->
<link rel="alternate" type="application/rss+xml" href="{{ "/posts/index.xml" | absURL }}" title="{{ $.Site.Title }}" />
<!-- JSON Feed -->
{{ if .OutputFormats.Get "json" }}
{{- if .OutputFormats.Get "json" }}
<link href="{{ if .OutputFormats.Get "json" }}{{ .Site.BaseURL }}feed.json{{ end }}" rel="alternate"
type="application/json" title="{{ .Site.Title }}" />
{{ end }}
{{- end }}
{{ if .Site.GoogleAnalytics }}
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id={{ .Site.GoogleAnalytics }}"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', '{{ .Site.GoogleAnalytics }}');
</script>
{{ end }}
{{- block "title" . }}
<title>
{{- if .IsHome }}
{{- $.Site.Title }} {{ with $.Site.Params.Subtitle }} — {{ . }} {{ end }}
{{- else }}
{{- .Title }} :: {{ $.Site.Title }} {{ with $.Site.Params.Subtitle }} — {{ . }}{{ end }}
{{- end -}}
</title>
{{- end }}
themes/maik-blog/layouts/partials/header.html
+2 -2
View File
@@ -3,7 +3,7 @@
{{ partial "logo.html" . }}
<span class="header__right">
{{ if len .Site.Menus }}
{{- if len .Site.Menus }}
{{ partial "menu.html" . }}
<span class="menu-trigger">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
@@ -11,7 +11,7 @@
<path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" />
</svg>
</span>
{{ end }}
{{- end }}
<span class="theme-toggle unselectable">{{ partial "theme-icon.html" . }}</span>
</span>
</span>
themes/maik-blog/layouts/partials/javascript.html
+21 -10
View File
@@ -1,15 +1,26 @@
{{ $main := resources.Get "js/main.js" }}
{{ $menu := resources.Get "js/menu.js" }}
{{ $theme := resources.Get "js/theme.js" }}
{{ $secureJS := slice $main $menu $theme | resources.Concat "bundle.js" | resources.Minify | resources.Fingerprint "sha512" }}
{{- $main := resources.Get "js/main.js" }}
{{- $menu := resources.Get "js/menu.js" }}
{{- $theme := resources.Get "js/theme.js" }}
{{- $secureJS := slice $main $menu $theme | resources.Concat "bundle.js" | resources.Minify | resources.Fingerprint "sha512" }}
<script type="text/javascript" src="{{ $secureJS.RelPermalink }}" integrity="{{ $secureJS.Data.Integrity }}"></script>
{{- if .Site.GoogleAnalytics }}
{{ template "_internal/google_analytics.html" . }}
{{- end}}
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id={{ .Site.GoogleAnalytics }}"></script>
<script>
window.dataLayer = window.dataLayer || [];
{{ range $val := $.Site.Params.customJS }}
{{ if gt (len $val) 0 }}
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', '{{ .Site.GoogleAnalytics }}');
</script>
{{- end }}
{{- range $val := $.Site.Params.customJS }}
{{- if gt (len $val) 0 }}
<script src="{{ $val }}"></script>
{{ end }}
{{ end }}
{{- end }}
{{- end }}
themes/maik-blog/layouts/partials/logo.html
+7 -7
View File
@@ -1,15 +1,15 @@
<a href="{{ if .Site.Params.Logo.LogoHomeLink }}{{ .Site.Params.Logo.LogoHomeLink }}{{else}}{{ .Site.BaseURL }}{{ end }}"
style="text-decoration: none;">
<div class="logo">
{{ if .Site.Params.Logo.path }}
{{- if .Site.Params.Logo.path }}
<img src="{{ .Site.Params.Logo.path }}" alt="{{ .Site.Params.Logo.alt }}" />
{{ else }}
{{- else }}
<span class="logo__mark">></span>
<span class="logo__text">{{ with .Site.Params.Logo.logoText }}{{ . }}{{ else }}hello{{ end }}</span>
<span class="logo__cursor" style="{{ with.Site.Params.Logo.logoCursorDisabled }}visibility:hidden;{{ end }}
{{ with.Site.Params.Logo.logoCursorColor }}background-color:{{ . }};{{ end }}
{{ with.Site.Params.Logo.logoCursorAnimate }}animation-duration:{{ . }};{{ end }}">
<span class="logo__text">{{- with .Site.Params.Logo.logoText }}{{ . }}{{ else }}hello{{ end }}</span>
<span class="logo__cursor" style="{{- with.Site.Params.Logo.logoCursorDisabled }}visibility:hidden;{{ end -}}
{{- with.Site.Params.Logo.logoCursorColor }}background-color:{{ . }};{{ end -}}
{{- with.Site.Params.Logo.logoCursorAnimate }}animation-duration:{{ . }};{{ end -}}">
</span>
{{ end }}
{{- end }}
</div>
</a>
themes/maik-blog/layouts/partials/menu.html
+1 -1
View File
@@ -1,7 +1,7 @@
<nav class="menu">
<ul class="menu__inner">
{{- $currentPage := . -}}
{{ range .Site.Menus.main -}}
{{ range .Site.Menus.main }}
<li><a href="{{ .URL | absLangURL }}">{{ .Name }}</a></li>
{{- end }}
</ul>
themes/maik-blog/layouts/partials/meta-tags.html
+64
View File
@@ -0,0 +1,64 @@
<!-- Default -->
<meta name="author"
content="{{ if .Params.author }}{{ .Params.author }}{{ else }}{{ range .Site.Author }}{{ . }} {{ end }}{{ end }}">
<meta name="description"
content="{{ if .IsHome }}{{ .Site.Params.homeSubtitle }}{{ else }}{{ .Params.description | plainify }}{{ end }}" />
<meta name="keywords"
content="{{ .Site.Params.keywords }}{{ if .Params.tags }}{{ range .Params.tags }}, {{ . }}{{ end }}{{ end }}" />
<meta name="robots" content="noodp" />
<!-- Og -->
<meta property="og:site_name" content="{{ .Site.Title }}" />
<meta property="og:type" content="{{ if .IsHome }}website{{ else }}article{{ end }}" />
<meta property="og:title"
content="{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Params.title | plainify }}{{ end }}" />
<meta property="og:description"
content="{{ if .IsHome }}{{ .Site.Params.homeSubtitle }}{{ else }}{{ .Params.description | plainify }}{{ end }}" />
<meta property="og:url" content="{{ .Permalink }}" />
{{- with .Params.cover }}
<meta property="og:image" content="{{ . | absURL }}" />
{{- $img := imageConfig (printf "static/%s" .) }}
<meta property="og:image:width" content="{{ $img.Width }}" />
<meta property="og:image:height" content="{{ $img.Height }}" />
{{- end }}
<!-- Article -->
<meta property="article:publisher" content="{{ .Site.BaseURL }}" />
<meta name="article:author"
content="{{ if .Params.author }}{{ .Params.author }}{{ else }}{{ range .Site.Author }}{{ . }} {{ end }}{{ end }}">
{{- if isset .Params "date" }}
<meta property="article:published_time" content="{{ time .Date }}" />
{{- end }}
{{- if .GitInfo }}
<meta property="article:modified_time" content="{{ time .GitInfo.AuthorDate }}" />
{{- end }}
{{- range .Params.categories }}
<meta property="article:section" content="{{ . }}" />
{{- end }}
{{- range .Params.tags }}
<meta property="article:tag" content="{{ . }}" />
{{- end }}
<!-- Itemprops -->
{{- template "_internal/schema.html" . }}
<!-- Twitter cards -->
<meta name="twitter:card" content="summary_large_image" />
{{- if .Params.cover }}
<meta name="twitter:image" content="{{ .Params.cover | absURL }}" />
<meta name="twitter:image:alt" content="{{ .Params.title | plainify | default " " }}" />
{{- end }}
<meta name="twitter:title" content="{{ .Title }}" />
<meta name="twitter:description"
content="{{ with .Description }}{{ . }}{{ else }}{{if .IsPage}}{{ .Summary }}{{ else }}{{ with .Site.Params.description }}{{ . }}{{ end }}{{ end }}{{ end -}}" />
<meta name="twitter:url" content="{{ .Permalink }}" />
{{- with .Site.Social.twitter }}
<meta name="twitter:site" content="{{ . }}" />
{{- end }}
{{- with .Site.Author.twitter }}
<meta name="twitter:creator" content="{{ . }}" />
{{- end }}
themes/maik-blog/layouts/partials/sharing-buttons.html
+48 -32
View File
@@ -1,5 +1,6 @@
<!-- Sharingbutton Facebook -->
<!-- <a class="resp-sharing-button__link" href="https://facebook.com/sharer/sharer.php?u={{ .Permalink }}" target="_blank"
{{- with .Site.Params.sharingButtons }}
{{- if in . "facebook" }}
<a class="resp-sharing-button__link" href="https://facebook.com/sharer/sharer.php?u={{ $.Permalink }}" target="_blank"
rel="noopener" aria-label="" title="Share on facebook">
<div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--small">
<div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
@@ -9,10 +10,11 @@
</svg>
</div>
</div>
</a> -->
</a>
{{- end }}
<!-- Sharingbutton Twitter -->
<a class="resp-sharing-button__link" href="https://twitter.com/intent/tweet/?url={{ .Permalink }}" target="_blank"
{{- if in . "twitter" }}
<a class="resp-sharing-button__link" href="https://twitter.com/intent/tweet/?url={{ $.Permalink }}" target="_blank"
rel="noopener" aria-label="" title="Share on twitter">
<div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--small">
<div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
@@ -25,10 +27,11 @@
</div>
</div>
</a>
{{- end }}
<!-- Sharingbutton Tumblr -->
<!-- <a class="resp-sharing-button__link"
href="https://www.tumblr.com/widgets/share/tool?posttype=link&amp;title={{ .Title }}&amp;caption={{ .Title }}&amp;canonicalUrl={{ .Permalink }}"
{{- if in . "tumblr" }}
<a class="resp-sharing-button__link"
href="https://www.tumblr.com/widgets/share/tool?posttype=link&amp;title={{ $.Title }}&amp;caption={{ $.Title }}&amp;canonicalUrl={{ $.Permalink }}"
target="_blank" rel="noopener" aria-label="" title="Share on tumblr">
<div class="resp-sharing-button resp-sharing-button--tumblr resp-sharing-button--small">
<div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
@@ -39,10 +42,12 @@
</svg>
</div>
</div>
</a> -->
</a>
{{- end }}
<!-- Sharingbutton E-Mail -->
<a class="resp-sharing-button__link" href="mailto:?subject={{ .Title }}&amp;body={{ .Permalink }}" target="_self"
{{- if in . "email" }}
<a class="resp-sharing-button__link" href="mailto:?subject={{ $.Title }}&amp;body={{ $.Permalink }}" target="_self"
rel="noopener" aria-label="" title="Share via email">
<div class="resp-sharing-button resp-sharing-button--email resp-sharing-button--small">
<div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
@@ -54,10 +59,12 @@
</div>
</div>
</a>
{{- end }}
<!-- Sharingbutton Pinterest -->
<!-- <a class="resp-sharing-button__link"
href="https://pinterest.com/pin/create/button/?url={{ .Permalink }}&amp;media={{ .Permalink }};description={{ .Title }}"
{{- if in . "pinterest" }}
<a class="resp-sharing-button__link"
href="https://pinterest.com/pin/create/button/?url={{ $.Permalink }}&amp;media={{ $.Permalink }};description={{ $.Title }}"
target="_blank" rel="noopener" aria-label="" title="Share on pinterest">
<div class="resp-sharing-button resp-sharing-button--pinterest resp-sharing-button--small">
<div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
@@ -68,11 +75,13 @@
</svg>
</div>
</div>
</a> -->
</a>
{{- end }}
<!-- Sharingbutton LinkedIn -->
{{- if in . "linkedin" }}
<a class="resp-sharing-button__link"
href="https://www.linkedin.com/shareArticle?mini=true&amp;url={{ .Permalink }}&amp;title={{ .Title }}&amp;summary={{ .Title }}&amp;source={{ .Permalink }}"
href="https://www.linkedin.com/shareArticle?mini=true&amp;url={{ $.Permalink }}&amp;title={{ $.Title }}&amp;summary={{ $.Title }}&amp;source={{ $.Permalink }}"
target="_blank" rel="noopener" aria-label="" title="Share on linkedin">
<div class="resp-sharing-button resp-sharing-button--linkedin resp-sharing-button--small">
<div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
@@ -85,10 +94,11 @@
</div>
</div>
</a>
{{- end }}
<!-- Sharingbutton Reddit -->
{{- if in . "reddit" }}
<a class="resp-sharing-button__link"
href="https://reddit.com/submit/?url={{ .Permalink }}&amp;resubmit=true&amp;title={{ .Title }}" target="_blank"
href="https://reddit.com/submit/?url={{ $.Permalink }}&amp;resubmit=true&amp;title={{ $.Title }}" target="_blank"
rel="noopener" aria-label="" title="Share on reddit">
<div class="resp-sharing-button resp-sharing-button--reddit resp-sharing-button--small">
<div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
@@ -100,10 +110,11 @@
</div>
</div>
</a>
{{- end }}
<!-- Sharingbutton XING -->
<!-- <a class="resp-sharing-button__link"
href="https://www.xing.com/app/user?op=share;url={{ .Permalink }};title={{ .Title }}" target="_blank" rel="noopener"
{{- if in . "xing" }}
<a class="resp-sharing-button__link"
href="https://www.xing.com/app/user?op=share;url={{ $.Permalink }};title={{ $.Title }}" target="_blank" rel="noopener"
aria-label="" title="Share on xing">
<div class="resp-sharing-button resp-sharing-button--xing resp-sharing-button--small">
<div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
@@ -114,10 +125,11 @@
</svg>
</div>
</div>
</a> -->
</a>
{{- end }}
<!-- Sharingbutton WhatsApp -->
<a class="resp-sharing-button__link" href="whatsapp://send?text={{ .Title }}%20{{ .Permalink }}" target="_blank"
{{- if in . "whatsapp" }}
<a class="resp-sharing-button__link" href="whatsapp://send?text={{ $.Title }}%20{{ $.Permalink }}" target="_blank"
rel="noopener" aria-label="" title="Share on whatsapp">
<div class="resp-sharing-button resp-sharing-button--whatsapp resp-sharing-button--small">
<div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
@@ -129,10 +141,11 @@
</div>
</div>
</a>
{{- end }}
<!-- Sharingbutton Hacker News -->
<!-- <a class="resp-sharing-button__link"
href="https://news.ycombinator.com/submitlink?u={{ .Permalink }}&amp;t={{ .Title }}" target="_blank" rel="noopener"
{{- if in . "hackernews" }}
<a class="resp-sharing-button__link"
href="https://news.ycombinator.com/submitlink?u={{ $.Permalink }}&amp;t={{ $.Title }}" target="_blank" rel="noopener"
aria-label="" title="Share on hacker news">
<div class="resp-sharing-button resp-sharing-button--hackernews resp-sharing-button--small">
<div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
@@ -143,10 +156,11 @@
</svg>
</div>
</div>
</a> -->
</a>
{{- end }}
<!-- Sharingbutton Telegram -->
<a class="resp-sharing-button__link" href="https://telegram.me/share/url?text={{ .Title }}&amp;url={{ .Permalink }}"
{{- if in . "telegram" }}
<a class="resp-sharing-button__link" href="https://telegram.me/share/url?text={{ $.Title }}&amp;url={{ $.Permalink }}"
target="_blank" rel="noopener" aria-label="" title="Share on telegram">
<div class="resp-sharing-button resp-sharing-button--telegram resp-sharing-button--small">
<div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
@@ -157,4 +171,6 @@
</svg>
</div>
</div>
</a>
</a>
{{- end }}
{{- end }}