auto add wallpaper

alisonjoe · Feb 17, 2024 · c441b3a · c441b3a
1 parent 93b2f87
commit c441b3a
Show file tree

Hide file tree

Showing 16 changed files with 682 additions and 13 deletions.
diff --git a/content/blog/1708194072105_HPQuiz_20240218_DominicaWhales.md b/content/blog/1708194072105_HPQuiz_20240218_DominicaWhales.md
@@ -0,0 +1,13 @@
+---
+author: "AlisonLai"
+title: "抹香鲸浮出水面，多米尼克"
+date: 2024-02-18T02:21:12+0800
+description: ""
+tags: ["来一口新鲜空气"]
+copyright: © Franco Banfi/Minden Pictures
+thumbnail: /bing/HPQuiz_20240218_DominicaWhales.jpg
+---
+
+嗨，海中的巨人们！世界鲸鱼日与加勒比海多米尼克岛沿岸的抹香鲸一起再次浮出水面。这个节日于1980年在毛伊岛设立，最初是为了庆祝夏威夷水域的座头鲸，现在已经演变成一个倡导保护所有鲸鱼物种的全球性活动。
+
+![HPQuiz_20240218_DominicaWhales](/bing/HPQuiz_20240218_DominicaWhales.jpg)
diff --git a/docs/bing/HPQuiz_20240218_DominicaWhales.jpg b/docs/bing/HPQuiz_20240218_DominicaWhales.jpg
diff --git a/docs/blog/1708194072105_hpquiz_20240218_dominicawhales/index.html b/docs/blog/1708194072105_hpquiz_20240218_dominicawhales/index.html
@@ -0,0 +1,298 @@
+<!DOCTYPE html>
+<html lang="en" itemscope itemtype="http://schema.org/WebPage"><head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+  <link rel="icon" href="/favicon.svg">
+
+  <title>
+  抹香鲸浮出水面，多米尼克 - Blist Multilingual Theme
+  </title>
+  <meta name="description" content="嗨，海中的巨人们！世界鲸鱼日与加勒比海多米尼克岛沿岸的抹香鲸一起再次浮出水面。这个节日于1980年在毛伊岛设立，最初是为了庆祝夏威夷水域的座头鲸，现在已经演变成一个倡导保护所有鲸鱼物种的全球性活动。" />
+  <meta name="author" content="AlisonLai" />
+  <meta name="generator" content="Hugo 0.111.3"><link
+    rel="stylesheet"
+    href="https://alisonjoe.github.io/css/styles.min.f0d48b4c6024e9ecee8f53b75d657d1f4f3963b73b9a61adee58d0494a0b1376.css"
+    integrity="sha256-8NSLTGAk6ezuj1O3XWV9H085Y7c7mmGt7ljQSUoLE3Y="
+  />
+
+
+
+  <meta property="og:title" content="抹香鲸浮出水面，多米尼克" />
+<meta property="og:description" content="嗨，海中的巨人们！世界鲸鱼日与加勒比海多米尼克岛沿岸的抹香鲸一起再次浮出水面。这个节日于1980年在毛伊岛设立，最初是为了庆祝夏威夷水域的座头鲸，现在已经演变成一个倡导保护所有鲸鱼物种的全球性活动。" />
+<meta property="og:type" content="article" />
+<meta property="og:url" content="https://alisonjoe.github.io/blog/1708194072105_hpquiz_20240218_dominicawhales/" /><meta property="article:section" content="blog" />
+<meta property="article:published_time" content="2024-02-18T02:21:12+08:00" />
+<meta property="article:modified_time" content="2024-02-18T02:21:12+08:00" />
+
+  <meta name="twitter:card" content="summary"/>
+<meta name="twitter:title" content="抹香鲸浮出水面，多米尼克"/>
+<meta name="twitter:description" content="嗨，海中的巨人们！世界鲸鱼日与加勒比海多米尼克岛沿岸的抹香鲸一起再次浮出水面。这个节日于1980年在毛伊岛设立，最初是为了庆祝夏威夷水域的座头鲸，现在已经演变成一个倡导保护所有鲸鱼物种的全球性活动。"/>
+
+  <meta itemprop="name" content="抹香鲸浮出水面，多米尼克">
+<meta itemprop="description" content="嗨，海中的巨人们！世界鲸鱼日与加勒比海多米尼克岛沿岸的抹香鲸一起再次浮出水面。这个节日于1980年在毛伊岛设立，最初是为了庆祝夏威夷水域的座头鲸，现在已经演变成一个倡导保护所有鲸鱼物种的全球性活动。"><meta itemprop="datePublished" content="2024-02-18T02:21:12+08:00" />
+<meta itemprop="dateModified" content="2024-02-18T02:21:12+08:00" />
+<meta itemprop="wordCount" content="1">
+<meta itemprop="keywords" content="来一口新鲜空气," />
+
+
+</head>
+<body class="dark:bg-gray-800 dark:text-white relative flex flex-col min-h-screen"><header class="container flex justify-between md:justify-between gap-4 flex-wrap p-6 mx-auto relative">
+  <a href="https://alisonjoe.github.io/" class="capitalize font-extrabold text-2xl">
+
+    <img src="/blist-logo.png" alt="Blist Multilingual Theme" class="h-8 max-w-full" />
+
+  </a>
+  <button class="mobile-menu-button md:hidden">
+    <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+      <line x1="4" y1="8" x2="20" y2="8" />
+      <line x1="4" y1="16" x2="20" y2="16" />
+    </svg>
+  </button>
+  <ul class="mobile-menu absolute z-10 px-6 pb-6 md:p-0 top-full left-0 w-full md:w-auto md:relative hidden md:flex flex-col md:flex-row items-end md:items-center gap-4 lg:gap-6 bg-white dark:bg-gray-800">
+
+
+    <li><a href="/blog">Blog</a></li>
+
+    <li><a href="/page/about/">About</a></li>
+
+    <li><a href="/tags">Tags</a></li>
+
+
+
+
+
+    <li class="grid place-items-center">
+      <span class="open-search inline-block cursor-pointer">
+        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" stroke-width="1.5"
+          stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+          <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+          <circle cx="10" cy="10" r="7" />
+          <line x1="21" y1="21" x2="15" y2="15" />
+        </svg>
+      </span>
+    </li>
+
+
+
+    <li class="grid place-items-center">
+      <span class="toggle-dark-mode inline-block cursor-pointer">
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"
+          stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+          <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+          <circle cx="12" cy="12" r="3" />
+          <line x1="12" y1="5" x2="12" y2="5.01" />
+          <line x1="17" y1="7" x2="17" y2="7.01" />
+          <line x1="19" y1="12" x2="19" y2="12.01" />
+          <line x1="17" y1="17" x2="17" y2="17.01" />
+          <line x1="12" y1="19" x2="12" y2="19.01" />
+          <line x1="7" y1="17" x2="7" y2="17.01" />
+          <line x1="5" y1="12" x2="5" y2="12.01" />
+          <line x1="7" y1="7" x2="7" y2="7.01" />
+        </svg>
+      </span>
+    </li>
+
+  </ul>
+</header>
+<main class="flex-1">
+
+
+
+
+  <div class="relative max-w-5xl mx-auto px-4">
+    <img src="/bing/HPQuiz_20240218_DominicaWhales.jpg" class="rounded-lg shadow-sm w-full object-contain" />
+
+    <div class="absolute top-4 right-8 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white px-2 py-0.5">
+
+
+    February 18, 2024
+
+
+
+    </div>
+
+  </div>
+
+
+  <article class="prose lg:prose-lg mx-auto my-8 dark:prose-dark px-4">
+
+    <h1 class="text-2xl font-bold mb-2">抹香鲸浮出水面，多米尼克</h1>
+
+    <h5 class="text-sm flex items-center flex-wrap">
+      <svg xmlns="http://www.w3.org/2000/svg" class="mr-1" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+        <rect x="4" y="5" width="16" height="16" rx="2" />
+        <line x1="16" y1="3" x2="16" y2="7" />
+        <line x1="8" y1="3" x2="8" y2="7" />
+        <line x1="4" y1="11" x2="20" y2="11" />
+        <rect x="8" y="15" width="2" height="2" />
+      </svg>
+      Posted on 
+
+    February 18, 2024
+
+
+
+
+        &nbsp;&bull;&nbsp;
+
+      <svg xmlns="http://www.w3.org/2000/svg" class="mr-1" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+        <circle cx="12" cy="12" r="9" />
+        <polyline points="12 7 12 12 15 15" />
+      </svg>
+      1&nbsp;minutes
+      &nbsp;&bull;
+      <svg xmlns="http://www.w3.org/2000/svg" class="mx-1" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+        <path d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0" />
+        <path d="M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0" />
+        <line x1="3" y1="6" x2="3" y2="19" />
+        <line x1="12" y1="6" x2="12" y2="19" />
+        <line x1="21" y1="6" x2="21" y2="19" />
+      </svg>
+      1&nbsp;words
+
+
+
+    </h5>
+
+
+
+
+    <p>嗨，海中的巨人们！世界鲸鱼日与加勒比海多米尼克岛沿岸的抹香鲸一起再次浮出水面。这个节日于1980年在毛伊岛设立，最初是为了庆祝夏威夷水域的座头鲸，现在已经演变成一个倡导保护所有鲸鱼物种的全球性活动。</p>
+<p><img src="/bing/HPQuiz_20240218_DominicaWhales.jpg" alt="HPQuiz_20240218_DominicaWhales"></p>
+
+  </article>
+<div class="px-2 mb-2">
+
+  <script src="https://giscus.app/client.js"
+    data-repo=""
+    data-repo-id=""
+    data-category=""
+    data-category-id=""
+    data-mapping="pathname"
+    data-strict="0"
+    data-reactions-enabled="1"
+    data-emit-metadata="0"
+    data-input-position="bottom"
+    data-theme="preferred_color_scheme"
+    data-lang="en"
+    crossorigin="anonymous"
+    async>
+  </script>
+
+</div>
+<div class="bg-blue-100 dark:bg-gray-900">
+  <div class="container px-4 py-12 mx-auto max-w-4xl grid grid-cols-1 md:grid-cols-2 gap-4 items-center">
+    <div>
+      <div class="text-2xl font-bold mb-2"></div>
+      <p class="opacity-60"></p>
+    </div>
+
+    <ul class="flex justify-center gap-x-3 flex-wrap gap-y-2">
+
+    </ul>
+  </div>
+</div>
+
+    </main><footer class="container p-6 mx-auto flex justify-between items-center">
+  <span class="text-sm font-light">
+
+    Copyright © 2024 - alisonLai · All rights reserved
+
+  </span>
+  <span onclick="window.scrollTo({top: 0, behavior: 'smooth'})" class="p-1 cursor-pointer">
+    <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5"
+      stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+      <path d="M18 15l-6 -6l-6 6h12" />
+    </svg>
+  </span>
+</footer>
+
+<div class="search-ui absolute top-0 left-0 w-full h-full bg-white dark:bg-gray-800 hidden">
+  <div class="container max-w-3xl mx-auto p-12">
+    <div class="relative">
+      <div class="my-4 text-center text-2xl font-bold">Search</div>
+
+      <span class="p-2 absolute right-0 top-0 cursor-pointer close-search">
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"
+          stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+          <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+          <line x1="18" y1="6" x2="6" y2="18" />
+          <line x1="6" y1="6" x2="18" y2="18" />
+        </svg>
+      </span>
+    </div>
+
+    <input type="search" class="py-2 px-3 w-full dark:text-black border dark:border-transparent"
+      placeholder="Enter search query" />
+
+    <div class="search-results text-lg font-medium my-4 hidden">Results</div>
+    <ul class="search-list my-2">
+
+    </ul>
+
+    <div class="no-results text-center my-8 hidden">
+      <div class="text-xl font-semibold mb-2">No results found</div>
+      <p class="font-light text-sm">Try adjusting your search query</p>
+    </div>
+  </div>
+</div>
+
+
+
+
+
+<script src="https://alisonjoe.github.io/js/scripts.min.js"></script>
+
+
+
+
+
+
+<script>
+
+  const darkmode = document.querySelector('.toggle-dark-mode');
+  function toggleDarkMode() {
+    if (document.documentElement.classList.contains('dark')) {
+      document.documentElement.classList.remove('dark')
+      localStorage.setItem('darkmode', 'light')
+    } else {
+      document.documentElement.classList.add('dark')
+      localStorage.setItem('darkmode', 'dark')
+    }
+  }
+  if (darkmode) {
+    darkmode.addEventListener('click', toggleDarkMode);
+  }
+
+  const darkStorage = localStorage.getItem('darkmode');
+  const isBrowserDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
+
+  if (!darkStorage && isBrowserDark) {
+    document.documentElement.classList.add('dark');
+  }
+
+  if (darkStorage && darkStorage === 'dark') {
+    toggleDarkMode();
+  }
+</script>
+
+
+<script>
+  const mobileMenuButton = document.querySelector('.mobile-menu-button')
+  const mobileMenu = document.querySelector('.mobile-menu')
+  function toggleMenu() {
+    mobileMenu.classList.toggle('hidden');
+    mobileMenu.classList.toggle('flex');
+  }
+  if(mobileMenu && mobileMenuButton){
+    mobileMenuButton.addEventListener('click', toggleMenu)
+  }
+</script>
+</body>
+</html>
diff --git a/docs/blog/index.html b/docs/blog/index.html
@@ -99,6 +99,30 @@ <h1 class="container px-6 pt-6 mx-auto text-3xl font-bold">Blog</h1>
 
   <div class="container p-6 mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 lg:gap-8">
     <div class="p-2">
+<a href="https://alisonjoe.github.io/blog/1708194072105_hpquiz_20240218_dominicawhales/">
+
+  <div class="relative">
+    <img src="/bing/HPQuiz_20240218_DominicaWhales.jpg" alt="抹香鲸浮出水面，多米尼克" class="rounded-lg shadow-sm w-full h-52 object-cover" />
+
+    <div class="absolute top-4 right-4 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white text-sm px-2 py-0.5">
+
+
+    Feb 18, 24
+
+
+
+    </div>
+
+  </div>
+
+  <div class="my-2 text-xl font-semibold">抹香鲸浮出水面，多米尼克</div>
+  <div></div>
+</a>
+
+
+
+</div>
+<div class="p-2">
 <a href="https://alisonjoe.github.io/blog/1708194038769_hpquiz_20240217_lakedolomites/">
 
   <div class="relative">

diff --git a/docs/blog/index.xml b/docs/blog/index.xml
@@ -5,7 +5,16 @@
     <link>https://alisonjoe.github.io/blog/</link>
     <description>Recent content in Blog on Blist Multilingual Theme</description>
     <generator>Hugo -- gohugo.io</generator>
-    <lastBuildDate>Sun, 18 Feb 2024 02:20:38 +0800</lastBuildDate><atom:link href="https://alisonjoe.github.io/blog/index.xml" rel="self" type="application/rss+xml" />
+    <lastBuildDate>Sun, 18 Feb 2024 02:21:12 +0800</lastBuildDate><atom:link href="https://alisonjoe.github.io/blog/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>抹香鲸浮出水面，多米尼克</title>
+      <link>https://alisonjoe.github.io/blog/1708194072105_hpquiz_20240218_dominicawhales/</link>
+      <pubDate>Sun, 18 Feb 2024 02:21:12 +0800</pubDate>
+
+      <guid>https://alisonjoe.github.io/blog/1708194072105_hpquiz_20240218_dominicawhales/</guid>
+      <description>嗨，海中的巨人们！世界鲸鱼日与加勒比海多米尼克岛沿岸的抹香鲸一起再次浮出水面。这个节日于1980年在毛伊岛设立，最初是为了庆祝夏威夷水域的座头鲸，现在已经演变成一个倡导保护所有鲸鱼物种的全球性活动。</description>
+    </item>
+
     <item>
       <title>The Pragser Wildsee in the Dolomites, South Tyrol, Italy</title>
       <link>https://alisonjoe.github.io/blog/1708194038769_hpquiz_20240217_lakedolomites/</link>