{% macro head(config, page, section, current_url) %}
    {# current_url이 정의되어 있지 않으면 기본값으로 설정 #}
    {% if current_url is not defined or current_url == "" %}
        {% set current_url = config.base_url %}
    {% endif %}
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <style>
        @font-face {
            font-family: "Pretendard-Regular";
            src: url('{{ get_url(path="fonts/Pretendard-Regular.woff") | safe }}') format("woff");
            font-weight: 400;
            font-style: normal;
        }
        body {
            font-family: "Pretendard-Regular", sans-serif;
        }
    </style>

    {% if page %}
        {% if page.description %}
            <meta name="description" content="{{ page.description }}" />
        {% elif config.description %}
            <meta name="description" content="{{ config.description }}" />
        {% endif %}
    {% elif config.description %}
        <meta name="description" content="{{ config.description }}" />
    {% endif %}

    <title>
      {%- if page and page.title -%}
        {{ page.title }} | {{ config.title | default(value="NekoBox") }}
      {%- elif section and section.title -%}
        {{ section.title }} | {{ config.title | default(value="NekoBox") }}
      {%- elif config.title -%}
        {{ config.title }}
      {%- else -%}
        NekoBox
      {%- endif -%}
    </title>

    {# Google Analytics gtag.js integration #}
    {% if config.extra.gtag and config.extra.gtag != "" %}
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id={{ config.extra.gtag }}"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', '{{ config.extra.gtag }}');
    </script>
    {% endif %}

      <!-- SEO: Open Graph / Twitter Card -->
      <meta property="og:title" content="
        {%- if page and page.title -%}
          {{ page.title }} | {{ config.title | default(value='NekoBox') }}
        {%- elif section and section.title -%}
          {{ section.title }} | {{ config.title | default(value='NekoBox') }}
        {%- elif config.title -%}
          {{ config.title }}
        {%- else -%}
          NekoBox
        {%- endif -%}
      " />
      <meta property="og:description" content="
        {%- if page and page.description -%}
          {{ page.description }}
        {%- elif section and section.description -%}
          {{ section.description }}
        {%- elif config.description -%}
          {{ config.description }}
        {%- endif -%}
      " />
      <meta property="og:url" content="{{ current_url | safe }}" />
      <meta property="og:type" content="website" />
      {% if page.extra.thumbnail %}
      <meta property="og:image" content="{{ get_url(path=page.extra.thumbnail) | safe }}" />
      {% elif config.extra.default_thumbnail %}
      <meta property="og:image" content="{{ get_url(path=config.extra.default_thumbnail) | safe }}" />
      {% endif %}

      <meta name="twitter:card" content="summary_large_image" />
      <meta name="twitter:title" content="{% if page %}{{ page.title }}{% else %}{{ config.title }}{% endif %}" />
      <meta name="twitter:description" content="
        {%- if page and page.description -%}
          {{ page.description }}
        {%- elif section and section.description -%}
          {{ section.description }}
        {%- elif config.description -%}
          {{ config.description }}
        {%- endif -%}
      " />
      {% if config.extra.twitter_site %}
      <meta name="twitter:site" content="{{ config.extra.twitter_site }}" />
      {% endif %}
      {% if config.extra.twitter_creator %}
      <meta name="twitter:creator" content="{{ config.extra.twitter_creator }}" />
      {% endif %}
      {% if page.extra.thumbnail %}
      <meta name="twitter:image" content="{{ get_url(path=page.extra.thumbnail) | safe }}" />
      {% elif config.extra.default_thumbnail %}
      <meta name="twitter:image" content="{{ get_url(path=config.extra.default_thumbnail) | safe }}" />
      {% endif %}

      <!-- CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css">
    <link rel="stylesheet" href="{{ get_url(path="css/main.css") | safe }}">
    <link rel="stylesheet" href="{{ get_url(path="css/font-awesome.min.css") | safe }}">

    <script src="{{ get_url(path="js/mermaid.min.js") | safe }}"></script>
    <script src="{{ get_url(path="js/copy_code.js") | safe }}"></script>
    <script src="{{ get_url(path="js/copy_heading_link.js") | safe }}"></script>
{% endmacro head %}