blog/themes/Ying/layouts/partials/head.html

  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>{{ .Title }}</title>
  <!-- SEO & Meta Tags -->
  <meta name="description" content="{{ if .IsHome }}{{ .Site.Params.description }}{{ else }}{{ .Description | default .Summary | plainify | truncate 160 }}{{ end }}" />
  <link rel="canonical" href="{{ .RelPermalink | absURL }}" />
  
  {{- $keywords := slice "大学" "教程" "blog" "优世界" "优设计" "博客" "大学生博客" "生活" "文案" -}}
  {{- if .Params.tags -}}
    {{- $keywords = .Params.tags -}}
  {{- end -}}
  {{- if .Params.keywords -}}
    {{- $keywords = .Params.keywords -}}
  {{- end -}}
  <meta name="keywords" content="{{ delimit $keywords "," }}" />

  <!-- Open Graph -->
  <meta property="og:title" content="{{ .Title }}" />
  <meta property="og:description" content="{{ if .IsHome }}{{ .Site.Params.description }}{{ else }}{{ .Description | default .Summary | plainify | truncate 160 }}{{ end }}" />
  <meta property="og:type" content="{{ if .IsPage }}article{{ else }}website{{ end }}" />
  <meta property="og:url" content="{{ .Permalink }}" />
  <meta property="og:site_name" content="{{ .Site.Title }}" />
  
  {{- $image := .Site.Params.authorImage -}}
  {{- if .Params.cover -}}
    {{- $image = .Params.cover -}}
  {{- end -}}
  {{- if $image -}}
    <meta property="og:image" content="{{ $image | absURL }}" />
    <meta name="twitter:image" content="{{ $image | absURL }}" />
  {{- end -}}

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary" />
  <meta name="twitter:title" content="{{ .Title }}" />
  <meta name="twitter:description" content="{{ if .IsHome }}{{ .Site.Params.description }}{{ else }}{{ .Description | default .Summary | plainify | truncate 160 }}{{ end }}" />

  <!-- RSS Feed -->
  <link rel="alternate" type="application/rss+xml" title="{{ site.Title }}" href="/rss.xml">
  <!-- Favicon -->
  <link rel="icon" type="image/x-icon" href="/favicon.ico">
  <!-- Resource Hints -->
  <link rel="preconnect" href="https://cravatar.cn">
  <link rel="preconnect" href="https://api.usj.cc">
  <link rel="dns-prefetch" href="https://bsz.dusays.com:9001">
  <!-- Analytics -->
  <script async src="https://019e3dec-3312-7873-862a-3f56ac99ea83.spst2.com/ustat.js"></script>
  <script>
    (function () {
      try {
        var theme = localStorage.getItem('theme');
        if (!theme) {
          if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
            theme = 'dark';
          } else {
            theme = 'light';
          }
        }
        document.documentElement.setAttribute('data-theme', theme);
        
        // Listen for system changes
        if (window.matchMedia) {
          window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => {
             // Only switch if user hasn't manually set a preference
             // Or maybe we should respect system change if user hasn't explicitly locked it?
             // Common behavior: manual override sticks.
             if (!localStorage.getItem('theme')) {
                 var newTheme = event.matches ? "dark" : "light";
                 document.documentElement.setAttribute('data-theme', newTheme);
             }
          });
        }
      } catch (e) {}
    })();
  </script>
  <!-- Preload Fonts -->
  <link rel="preload" href="{{ "font/zql-v2.woff2" | relURL }}" as="font" type="font/woff2" crossorigin>
  <link rel="preload" href="{{ "font/remixicon.woff2" | relURL }}" as="font" type="font/woff2" crossorigin>

  {{ $echartsHead := resources.Get "js/libs/echarts.min.js" | resources.Fingerprint }}
  {{ $artalkHead := resources.Get "js/libs/Artalk.js" | resources.Fingerprint }}

  <!-- Site Configuration -->
  <script>
    window.optionalAssetUrls = {
      echarts: {{ $echartsHead.RelPermalink | jsonify | safeJS }},
      artalk: {{ $artalkHead.RelPermalink | jsonify | safeJS }}
    };

    window.loadScriptOnce = window.loadScriptOnce || function(src, globalName, callback) {
      if (globalName && window[globalName]) {
        callback();
        return;
      }
      var existing = document.querySelector('script[data-dynamic-src="' + src + '"]');
      if (existing) {
        existing.addEventListener('load', callback, { once: true });
        return;
      }
      var script = document.createElement('script');
      script.src = src;
      script.defer = true;
      script.dataset.dynamicSrc = src;
      script.onload = callback;
      document.head.appendChild(script);
    };

    window.siteConfig = {
      artalk: {
        server: "{{ .Site.Params.artalk.server }}",
        site: "{{ .Site.Params.artalk.site }}",
        emoticons: "{{ .Site.Params.artalk.emoticons | absURL }}",
        gravatar: "{{ .Site.Params.artalk.gravatar }}"
      },
      author: {
        avatar: "{{ .Site.Params.author.avatar }}",
        description: "{{ .Site.Params.author.description }}"
      },
      barrage: {
        enableHitokoto: {{ .Site.Params.barrage.enableHitokoto | default true }},
        hitokotoUrl: "{{ .Site.Params.barrage.hitokotoUrl }}"
      }
    };
  </script>

  <!-- Stylesheets -->
  {{ $normalize := resources.Get "css/libs/normalize.css" }}
  {{ $remixicon := resources.Get "css/libs/remixicon.css" }}
  {{ $uikit := resources.Get "css/libs/uikit.min.css" }}
  {{ $nprogress := resources.Get "css/libs/nprogress.min.css" }}
  {{ $message := resources.Get "css/libs/message.min.css" }}
  {{ $main := resources.Get "css/main.css" }}

  {{ $style := slice $normalize $remixicon $uikit $nprogress $message $main | resources.Concat "css/style.css" | resources.Minify | resources.Fingerprint }}
  <link rel="stylesheet" href="{{ $style.RelPermalink }}">
  
  {{- if and .Site.Params.style.enableBackgroundImage .Site.Params.style.backgroundImageUrl -}}
<style>
  body, [data-theme="dark"] body {
    background-image: url('{{ .Site.Params.style.backgroundImageUrl }}') !important;
    background-size: {{ .Site.Params.style.backgroundSize | default "cover" }} !important;
    background-repeat: {{ .Site.Params.style.backgroundRepeat | default "no-repeat" }} !important;
    background-position: {{ .Site.Params.style.backgroundPosition | default "center" }} !important;
    background-attachment: {{ .Site.Params.style.backgroundAttachment | default "fixed" }} !important;
  }
  @media (max-width: 768px) {
    body, [data-theme="dark"] body {
      background-attachment: scroll !important;
    }
  }
</style>
{{- end -}}

  <!-- <script src="/js/jquery.min.js"></script> -->


  <script src="/js/instantpage.min.js" type="module" defer></script>
  <meta name="template" content="Amigo" />
</head>