update config

layouts/partials/head.html

@@ -5,12 +5,12 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   {{ $title_plain := .Title | markdownify | plainify }}
   <title>{{ $title_plain }}</title>
-  <meta name="author" content="{{ .Param "author" }}" />
+  <meta name="author" content="{{ .Param " author" }}" />
   {{ $keywords := .Site.Params.defaultKeywords | default (slice "" | first 0) }}
   {{ if isset .Params "tags" }}{{ range .Params.tags }}{{ $keywords = $keywords | append . }}{{ end }}{{ end }}
   {{ if isset .Params "keywords" }}{{ range .Params.keywords }}{{ $keywords = $keywords | append . }}{{ end }}{{ end }}
   {{ if gt (len $keywords) 0 }}
-  <meta name="keywords" content="{{ delimit (uniq $keywords) ", " }}">
+  <meta name="keywords" content="{{ delimit (uniq $keywords) " , " }}">
   {{ end }}
   {{ $description_plain := default .Site.Params.defaultDescription .Description | markdownify | plainify }}
   <meta name="description" content="{{ $description_plain }}">
@@ -18,29 +18,31 @@
   {{ hugo.Generator }}
 
   <!-- Font -->
-  <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
+  <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet'
+    type='text/css'>
 
   <!-- Bootstrap and Font Awesome CSS -->
   <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
-  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
+    integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 
   <!-- CSS animations  -->
-  <link href="{{ "css/animate.css" | relURL}}" rel="stylesheet">
+  <link href="{{ " css/animate.css" | relURL}}" rel="stylesheet">
 
   <!-- Theme stylesheet, if possible do not edit this stylesheet -->
   {{ with .Site.Params.style }}
-    <link href="{{ "css/style" | relURL}}.{{ . }}.css" rel="stylesheet" id="theme-stylesheet">
+  <link href="{{ " css/style" | relURL}}.{{ . }}.css" rel="stylesheet" id="theme-stylesheet">
   {{ else }}
-    <link href="{{ "css/style.default.css" | relURL}}" rel="stylesheet" id="theme-stylesheet">
+  <link href="{{ " css/style.default.css" | relURL}}" rel="stylesheet" id="theme-stylesheet">
   {{ end }}
 
   <!-- Custom stylesheet - for your changes -->
-  <link href="{{ "css/custom.css" | relURL}}" rel="stylesheet">
-  <link href="{{ "css/customnft.css" | relURL}}" rel="stylesheet">
+  <link href="{{ " css/custom.css" | relURL}}" rel="stylesheet">
+  <link href="{{ " css/customnft.css" | relURL}}" rel="stylesheet">
 
   <!-- Responsivity for older IE -->
   {{ `
-    <!--[if lt IE 9]>
+  <!--[if lt IE 9]>
         <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
         <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
     <![endif]-->
@@ -48,28 +50,87 @@
 
 
   <!-- Favicon and Apple touch icons-->
-  <link rel="shortcut icon" href="{{ "img/favicon.ico" | relURL }}" type="image/x-icon" />
-  <link rel="apple-touch-icon" href="{{ "img/apple-touch-icon.png" | relURL }}" />
+  <link rel="shortcut icon" href="{{ " img/favicon.ico" | relURL }}" type="image/x-icon" />
+  <link rel="apple-touch-icon" href="{{ " img/apple-touch-icon.png" | relURL }}" />
 
   <!-- owl carousel CSS -->
-  <link href="{{ "css/owl.carousel.css" | relURL}}" rel="stylesheet">
-  <link href="{{ "css/owl.theme.css" | relURL}}" rel="stylesheet">
-  <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
+  <link href="{{ " css/owl.carousel.css" | relURL}}" rel="stylesheet">
+  <link href="{{ " css/owl.theme.css" | relURL}}" rel="stylesheet">
+  <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
 
   <!-- RSS feed -->
-  <link rel="alternate" href="{{ "/index.xml" | absURL }}" type="application/rss+xml" title="{{ .Site.Title }}">
+  <link rel="alternate" href="{{ " /index.xml" | absURL }}" type="application/rss+xml" title="{{ .Site.Title }}">
 
+  <!-- Facebook OpenGraph tags -->
+  {{ $is_blog := and (eq .Type "blog") (eq .Kind "page") }}
+  {{ $has_image := isset .Params "banner" }}
+  {{ $image := cond $has_image .Params.banner (.Site.Params.default_sharing_image | default "img/sharing-default.png")
+  }}
+  {{ $is_valid_image := print "static/" $image | fileExists }}
+  {{ if $is_valid_image }}
+  {{ $image_ext := path.Ext $image }}
+  <meta property="og:locale" content="{{ replace .Site.LanguageCode " -" "_" }}">
+  <meta property="og:site_name" content="{{ .Site.Title }}">
+  <meta property="og:title" content="{{ $title_plain }}">
+  <meta property="og:type" content="{{ cond $is_blog " article" "website" }}">
+  <meta property="og:url" content="{{ .Permalink }}" />
+  <meta property="og:description" content="{{ $description_plain }}">
+  <meta property="og:image" content="{{ $image | absURL }}">
+  <meta property="og:image:type" content="image/{{ if eq $image_ext " .svg" }}svg+xml{{ else }}{{ trim $image_ext "."
+    }}{{ end }}">
+  {{ with .Params.banner_alt }}
+  <meta property="og:image:alt" content="{{ . | markdownify | plainify }}">{{ end }}
+  {{ $image_local := printf "/static/%s" $image}}
+  {{ with (imageConfig $image_local) }}
+  <meta property="og:image:width" content="{{ .Width }}">
+  <meta property="og:image:height" content="{{ .Height }}">
+  {{ end }}
+  {{ end }}
+  {{ with .Lastmod }}
+  <meta property="og:updated_time" content="{{ .Format " 2006-01-02T15:04:05Z0700" }}">{{ end }}
+  {{ if $is_blog }}
+  {{ with .Param "facebook_site" }}
+  <meta property="article:publisher" content="https://www.facebook.com/{{ . }}/">{{ end }}
+  {{ with .Param "facebook_author" }}
+  <meta property="article:author" content="https://www.facebook.com/{{ . }}/">{{ end }}
+  {{ with .Params.categories }}
+  <meta property="article:section" content="{{ index . 0 }}">{{ end }}
+  {{ range .Params.tags }}
+  <meta property="article:tag" content="{{ . }}">
+  {{ end }}
+  {{ if gt .ExpiryDate .PublishDate }}
+  <meta property="article:expiration_time" content="{{ .ExpiryDate.Format " 2006-01-02T15:04:05Z0700" }}">{{ end }}
+  {{ with .PublishDate }}
+  <meta property="article:published_time" content="{{ .Format " 2006-01-02T15:04:05Z0700" }}">{{ end }}
+  {{ with .Lastmod }}
+  <meta property="article:modified_time" content="{{ .Format " 2006-01-02T15:04:05Z0700" }}">{{ end }}
+  {{ end }}
+
+  <!-- Twitter Card meta tags -->
+  <meta name="twitter:card"
+    content="summary{{ if (and $is_blog (and $has_image $is_valid_image)) }}_large_image{{ end }}">
+  {{ with .Param "twitter_site" }}
+  <meta name="twitter:site" content="@{{ . }}">{{ end }}
+  <meta name="twitter:title" content="{{ $title_plain | truncate 70 }}">
+  {{ if $is_valid_image }}
+  <meta name="twitter:image" content="{{ $image | absURL }}">
+  {{ end }}
+  <meta name="twitter:description" content="{{ $description_plain | truncate 200 }}">
+  {{ with .Param "twitter_author" }}
+  <meta name="twitter:creator" content="@{{ . }}">{{ end }}
+
+  <meta name="facebook-domain-verification" content="3xipgs46lfxeohb6sq2xw3ulmq94ew" />
   <!-- Global site tag (gtag.js) - Google Ads: 474336061 -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=AW-474336061"></script>
   <script>
     window.dataLayer = window.dataLayer || [];
-    function gtag(){dataLayer.push(arguments);}
+    function gtag() { dataLayer.push(arguments); }
     gtag('js', new Date());
 
     gtag('config', 'AW-474336061');
   </script>
   <!-- Event snippet for ChoozMo video marking conversion page -->
   <script>
-    gtag('event', 'conversion', {'send_to': 'AW-474336061/nOm7CPHvtZ0DEL2Wl-IB'});
+    gtag('event', 'conversion', { 'send_to': 'AW-474336061/nOm7CPHvtZ0DEL2Wl-IB' });
   </script>
 </head>

webSite/config.toml

@@ -1,4 +1,4 @@
-baseurl = "https://example.org"
+baseurl = "https://ai.choozmo.com/"
 title = "AI Spokesgirl | 台灣第一個AI合成主播 | 集仕多"
 theme = "AI_Video_LP"
 themesDir = "../.."