web/_includes/head.html

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="theme-color" media="(prefers-color-scheme: light)" content="#f7f7f7">
  <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1b1b1e">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  <meta
    name="viewport"
    content="width=device-width, user-scalable=no initial-scale=1, shrink-to-fit=no, viewport-fit=cover"
  >

  {%- capture seo_tags -%}
    {% seo title=false %}
  {%- endcapture -%}

  <!-- Setup Open Graph image -->

  {% if page.image %}
    {% assign src = page.image.path | default: page.image %}

    {% unless src contains '://' %}
      {%- capture img_url -%}
        {% include media-url.html src=src subpath=page.media_subpath absolute=true %}
      {%- endcapture -%}

      {%- capture old_url -%}{{ src | absolute_url }}{%- endcapture -%}
      {%- capture new_url -%}{{ img_url }}{%- endcapture -%}

      {% assign seo_tags = seo_tags | replace: old_url, new_url %}
    {% endunless %}

  {% elsif site.social_preview_image %}
    {%- capture img_url -%}
      {% include media-url.html src=site.social_preview_image absolute=true %}
    {%- endcapture -%}

    {%- capture og_image -%}
      <meta property="og:image" content="{{ img_url }}" />
    {%- endcapture -%}

    {%- capture twitter_image -%}
      <meta name="twitter:card" content="summary_large_image" />
      <meta property="twitter:image" content="{{ img_url }}" />
    {%- endcapture -%}

    {% assign old_meta_clip = '<meta name="twitter:card" content="summary" />' %}
    {% assign new_meta_clip = og_image | append: twitter_image %}
    {% assign seo_tags = seo_tags | replace: old_meta_clip, new_meta_clip %}
  {% endif %}

  {{ seo_tags }}

  <title>
    {%- unless page.layout == 'home' -%}
      {{ page.title | append: ' | ' }}
    {%- endunless -%}
    {{ site.title }}
  </title>

  {% include_cached favicons.html %}

  {% if site.resources.ignore_env != jekyll.environment and site.resources.self_hosted %}
    <link href="{{ site.data.origin[type].webfonts | relative_url }}" rel="stylesheet">

  {% else %}
    {% for cdn in site.data.origin[type].cdns %}
      <link rel="preconnect" href="{{ cdn.url }}" {{ cdn.args }}>
      <link rel="dns-prefetch" href="{{ cdn.url }}" {{ cdn.args }}>
    {% endfor %}

    <link rel="stylesheet" href="{{ site.data.origin[type].webfonts | relative_url }}">
  {% endif %}

  <!-- GA -->
  {% if jekyll.environment == 'production' and site.analytics.google.id != empty and site.analytics.google.id %}
    <link rel="preconnect" href="https://www.google-analytics.com" crossorigin="use-credentials">
    <link rel="dns-prefetch" href="https://www.google-analytics.com">

    <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin="anonymous">
    <link rel="dns-prefetch" href="https://www.googletagmanager.com">
  {% endif %}

  <!-- Bootstrap -->
  <link rel="stylesheet" href="{{ site.data.origin[type].bootstrap.css | relative_url }}">

  <!-- Font Awesome -->
  <link rel="stylesheet" href="{{ site.data.origin[type].fontawesome.css | relative_url }}">

  <link rel="stylesheet" href="{{ '/assets/css/:THEME.css' | replace: ':THEME', site.theme | relative_url }}">

  {% if site.toc and page.toc %}
    <link rel="stylesheet" href="{{ site.data.origin[type].toc.css | relative_url }}">
  {% endif %}

  {% if page.layout == 'post' or page.layout == 'page' or page.layout == 'home' %}
    <link rel="stylesheet" href="{{ site.data.origin[type]['lazy-polyfill'].css | relative_url }}">
  {% endif %}

  {% if page.layout == 'page' or page.layout == 'post' %}
    <!-- Image Popup -->
    <link rel="stylesheet" href="{{ site.data.origin[type].glightbox.css | relative_url }}">
  {% endif %}

  <!-- JavaScript -->

  {% unless site.theme_mode %}
    {% include mode-toggle.html %}
  {% endunless %}

  {% include metadata-hook.html %}
</head>
Import the framework. 2019-09-30 15:38:41 +03:00			`<head>`
Updated seo-tag settings. Although `tagline` hasn't been released yet. 2020-01-08 21:48:57 +03:00			`<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">`
fix: notch status bar doesn't match theme color (#918) Resolves #918 2023-03-16 20:17:06 +03:00			`<meta name="theme-color" media="(prefers-color-scheme: light)" content="#f7f7f7">`
			`<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1b1b1e">`
			`<meta name="apple-mobile-web-app-capable" content="yes">`
			`<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">`
			`<meta`
			`name="viewport"`
			`content="width=device-width, user-scalable=no initial-scale=1, shrink-to-fit=no, viewport-fit=cover"`
			`>`
Add version tag on <head>. 2020-10-25 21:24:32 +03:00
feat: add site-wide social preview image settings (#1463) - Add configuration field `social_preview_image` that sets the site-wide default social preview image. For pages that do not have `page.image` set in font matter, the seo tag will use the image specified by `site.social_preview_image` as the Open Graph image. - Refactored the generation of image URLs to reduce redundant code and enhance fault tolerance for missing or repeated slash `/` when defining image paths. 2024-01-10 04:04:27 +03:00			`{%- capture seo_tags -%}`
fix: resume the preview image SEO tag (#529) Fix #529 2022-03-16 14:43:23 +03:00			`{% seo title=false %}`
feat: add site-wide social preview image settings (#1463) - Add configuration field `social_preview_image` that sets the site-wide default social preview image. For pages that do not have `page.image` set in font matter, the seo tag will use the image specified by `site.social_preview_image` as the Open Graph image. - Refactored the generation of image URLs to reduce redundant code and enhance fault tolerance for missing or repeated slash `/` when defining image paths. 2024-01-10 04:04:27 +03:00			`{%- endcapture -%}`

			`<!-- Setup Open Graph image -->`
fix: resume the preview image SEO tag (#529) Fix #529 2022-03-16 14:43:23 +03:00
refactor: enhance the setting of preview image path 2022-11-18 17:16:35 +03:00			`{% if page.image %}`
feat: add site-wide social preview image settings (#1463) - Add configuration field `social_preview_image` that sets the site-wide default social preview image. For pages that do not have `page.image` set in font matter, the seo tag will use the image specified by `site.social_preview_image` as the Open Graph image. - Refactored the generation of image URLs to reduce redundant code and enhance fault tolerance for missing or repeated slash `/` when defining image paths. 2024-01-10 04:04:27 +03:00			`{% assign src = page.image.path \| default: page.image %}`

			`{% unless src contains '://' %}`
			`{%- capture img_url -%}`
refactor!: rename media-url file and related parameters (#1651) - Changed variable `img_cdn` to `cdn` in site configuration file. - Changed the variable defining the relative path of the image in the post from `img_url` to `media_subpath` 2024-04-12 23:34:48 +03:00			`{% include media-url.html src=src subpath=page.media_subpath absolute=true %}`
feat: add site-wide social preview image settings (#1463) - Add configuration field `social_preview_image` that sets the site-wide default social preview image. For pages that do not have `page.image` set in font matter, the seo tag will use the image specified by `site.social_preview_image` as the Open Graph image. - Refactored the generation of image URLs to reduce redundant code and enhance fault tolerance for missing or repeated slash `/` when defining image paths. 2024-01-10 04:04:27 +03:00			`{%- endcapture -%}`

			`{%- capture old_url -%}{{ src \| absolute_url }}{%- endcapture -%}`
			`{%- capture new_url -%}{{ img_url }}{%- endcapture -%}`

fix: `og:image` URL is incorrect (#1468) Introduced by #1463 2024-01-10 21:11:25 +03:00			`{% assign seo_tags = seo_tags \| replace: old_url, new_url %}`
fix: `og:image` will be incorrect if the image uses a cross-domain URL 2022-12-15 17:55:52 +03:00			`{% endunless %}`
feat: add site-wide social preview image settings (#1463) - Add configuration field `social_preview_image` that sets the site-wide default social preview image. For pages that do not have `page.image` set in font matter, the seo tag will use the image specified by `site.social_preview_image` as the Open Graph image. - Refactored the generation of image URLs to reduce redundant code and enhance fault tolerance for missing or repeated slash `/` when defining image paths. 2024-01-10 04:04:27 +03:00
			`{% elsif site.social_preview_image %}`
			`{%- capture img_url -%}`
refactor!: rename media-url file and related parameters (#1651) - Changed variable `img_cdn` to `cdn` in site configuration file. - Changed the variable defining the relative path of the image in the post from `img_url` to `media_subpath` 2024-04-12 23:34:48 +03:00			`{% include media-url.html src=site.social_preview_image absolute=true %}`
feat: add site-wide social preview image settings (#1463) - Add configuration field `social_preview_image` that sets the site-wide default social preview image. For pages that do not have `page.image` set in font matter, the seo tag will use the image specified by `site.social_preview_image` as the Open Graph image. - Refactored the generation of image URLs to reduce redundant code and enhance fault tolerance for missing or repeated slash `/` when defining image paths. 2024-01-10 04:04:27 +03:00			`{%- endcapture -%}`

			`{%- capture og_image -%}`
			`<meta property="og:image" content="{{ img_url }}" />`
			`{%- endcapture -%}`

fix: correct the Twitter Card in social share preview (#1498) --------- Co-authored-by: Cotes Chung <11371340+cotes2020@users.noreply.github.com> 2024-01-28 00:53:54 +03:00			`{%- capture twitter_image -%}`
fix: correct the attribute for the Twitter social image (#1615) 2024-03-22 21:56:19 +03:00			`<meta name="twitter:card" content="summary_large_image" />`
fix: correct the Twitter Card in social share preview (#1498) --------- Co-authored-by: Cotes Chung <11371340+cotes2020@users.noreply.github.com> 2024-01-28 00:53:54 +03:00			`<meta property="twitter:image" content="{{ img_url }}" />`
			`{%- endcapture -%}`

			`{% assign old_meta_clip = '<meta name="twitter:card" content="summary" />' %}`
			`{% assign new_meta_clip = og_image \| append: twitter_image %}`
feat: add site-wide social preview image settings (#1463) - Add configuration field `social_preview_image` that sets the site-wide default social preview image. For pages that do not have `page.image` set in font matter, the seo tag will use the image specified by `site.social_preview_image` as the Open Graph image. - Refactored the generation of image URLs to reduce redundant code and enhance fault tolerance for missing or repeated slash `/` when defining image paths. 2024-01-10 04:04:27 +03:00			`{% assign seo_tags = seo_tags \| replace: old_meta_clip, new_meta_clip %}`
fix: resume the preview image SEO tag (#529) Fix #529 2022-03-16 14:43:23 +03:00			`{% endif %}`

			`{{ seo_tags }}`
Updated seo-tag settings. Although `tagline` hasn't been released yet. 2020-01-08 21:48:57 +03:00
Import the framework. 2019-09-30 15:38:41 +03:00			`<title>`
fix: notch status bar doesn't match theme color (#918) Resolves #918 2023-03-16 20:17:06 +03:00			`{%- unless page.layout == 'home' -%}`
			`{{ page.title \| append: ' \| ' }}`
			`{%- endunless -%}`
Combine local JS. ’yui-compressor’ is no longer used. 2020-05-29 19:48:10 +03:00			`{{ site.title }}`
Import the framework. 2019-09-30 15:38:41 +03:00			`</title>`

perf(build): use `jekyll-include-cache` plugin to reduce build time (#1098) Resolve #1094 and add margin bottom for layout tags Co-authored-by: Jake Kerr <kodafox@gmail.com> 2023-06-19 09:41:40 +03:00			`{% include_cached favicons.html %}`
Import the framework. 2019-09-30 15:38:41 +03:00
Make the source of the static assets configurable - Easy to switch between different CDN - Allow self-host static assets 2022-02-09 17:32:50 +03:00			`{% if site.resources.ignore_env != jekyll.environment and site.resources.self_hosted %}`
refactor!: rename assets origin configuration files 2023-03-31 01:41:51 +03:00			`<link href="{{ site.data.origin[type].webfonts \| relative_url }}" rel="stylesheet">`
Make the source of the static assets configurable - Easy to switch between different CDN - Allow self-host static assets 2022-02-09 17:32:50 +03:00
			`{% else %}`
refactor!: rename assets origin configuration files 2023-03-31 01:41:51 +03:00			`{% for cdn in site.data.origin[type].cdns %}`
Make the source of the static assets configurable - Easy to switch between different CDN - Allow self-host static assets 2022-02-09 17:32:50 +03:00			`<link rel="preconnect" href="{{ cdn.url }}" {{ cdn.args }}>`
			`<link rel="dns-prefetch" href="{{ cdn.url }}" {{ cdn.args }}>`
			`{% endfor %}`

refactor!: rename assets origin configuration files 2023-03-31 01:41:51 +03:00			`<link rel="stylesheet" href="{{ site.data.origin[type].webfonts \| relative_url }}">`
Make the source of the static assets configurable - Easy to switch between different CDN - Allow self-host static assets 2022-02-09 17:32:50 +03:00			`{% endif %}`
Optimize performance. 2019-11-25 15:56:50 +03:00
Combine local JS. ’yui-compressor’ is no longer used. 2020-05-29 19:48:10 +03:00			`<!-- GA -->`
feat(analytics)!: add post pageviews for GoatCounter (#1543) --------- Co-authored-by: Cotes Chung <11371340+cotes2020@users.noreply.github.com> 2024-02-25 21:50:41 +03:00			`{% if jekyll.environment == 'production' and site.analytics.google.id != empty and site.analytics.google.id %}`
Optimize performance. 2019-11-25 15:56:50 +03:00			`<link rel="preconnect" href="https://www.google-analytics.com" crossorigin="use-credentials">`
			`<link rel="dns-prefetch" href="https://www.google-analytics.com">`

			`<link rel="preconnect" href="https://www.googletagmanager.com" crossorigin="anonymous">`
			`<link rel="dns-prefetch" href="https://www.googletagmanager.com">`
			`{% endif %}`

Combine local JS. ’yui-compressor’ is no longer used. 2020-05-29 19:48:10 +03:00			`<!-- Bootstrap -->`
fix: correct the Twitter Card in social share preview (#1498) --------- Co-authored-by: Cotes Chung <11371340+cotes2020@users.noreply.github.com> 2024-01-28 00:53:54 +03:00			`<link rel="stylesheet" href="{{ site.data.origin[type].bootstrap.css \| relative_url }}">`
Combine CDN resources. 2020-05-26 12:49:50 +03:00
Combine local JS. ’yui-compressor’ is no longer used. 2020-05-29 19:48:10 +03:00			`<!-- Font Awesome -->`
refactor!: rename assets origin configuration files 2023-03-31 01:41:51 +03:00			`<link rel="stylesheet" href="{{ site.data.origin[type].fontawesome.css \| relative_url }}">`
Make the source of the static assets configurable - Easy to switch between different CDN - Allow self-host static assets 2022-02-09 17:32:50 +03:00
refactor: simplify meta info 2023-09-10 10:25:15 +03:00			`<link rel="stylesheet" href="{{ '/assets/css/:THEME.css' \| replace: ':THEME', site.theme \| relative_url }}">`
Import the framework. 2019-09-30 15:38:41 +03:00
Make the source of the static assets configurable - Easy to switch between different CDN - Allow self-host static assets 2022-02-09 17:32:50 +03:00			`{% if site.toc and page.toc %}`
refactor!: rename assets origin configuration files 2023-03-31 01:41:51 +03:00			`<link rel="stylesheet" href="{{ site.data.origin[type].toc.css \| relative_url }}">`
Make the source of the static assets configurable - Easy to switch between different CDN - Allow self-host static assets 2022-02-09 17:32:50 +03:00			`{% endif %}`

perf(core): replace `lazysizes` with browser-level lazy loading (#1267) 2023-09-26 23:44:32 +03:00			`{% if page.layout == 'post' or page.layout == 'page' or page.layout == 'home' %}`
			`<link rel="stylesheet" href="{{ site.data.origin[type]['lazy-polyfill'].css \| relative_url }}">`
			`{% endif %}`

Make the source of the static assets configurable - Easy to switch between different CDN - Allow self-host static assets 2022-02-09 17:32:50 +03:00			`{% if page.layout == 'page' or page.layout == 'post' %}`
perf: replace jQuery with Vanilla JS (#1681) Also replaced `magnific-popup` with `GLightbox` 2024-04-17 01:10:01 +03:00			`<!-- Image Popup -->`
			`<link rel="stylesheet" href="{{ site.data.origin[type].glightbox.css \| relative_url }}">`
Make the source of the static assets configurable - Easy to switch between different CDN - Allow self-host static assets 2022-02-09 17:32:50 +03:00			`{% endif %}`
Improved loading performance by merging CSS files. 2020-05-03 22:52:23 +03:00
Optimize the JS loading priorities 2021-07-01 11:20:36 +03:00			`<!-- JavaScript -->`
Import the framework. 2019-09-30 15:38:41 +03:00
fix: script code should be in head or body, not in between 2022-03-03 15:54:44 +03:00			`{% unless site.theme_mode %}`
			`{% include mode-toggle.html %}`
			`{% endunless %}`
feat: add a hook to insert custom metadata in `head` tag (#1015) 2023-05-03 14:04:18 +03:00
			`{% include metadata-hook.html %}`
Add version tag on <head>. 2020-10-25 21:24:32 +03:00			`</head>`