templates/woodash.template

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="Content-Language" content="zh-CN" />
    <meta name="language" content="zh-CN" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Woodash * $title$</title>
    <meta name="description" content="技术与美学与数字花园" />
    <meta name="author" content="woodash" />
    <meta name="date" content="$date$" />

    <meta name="woodash-title" content="$title$" />
    <meta name="woodash-category" content="$category$" />
    <meta name="woodash-note" content="$note$" />
    <meta name="woodash-tucao" content="$tucao$" />
    <meta name="woodash-scene" content="$scene$" />

    <link rel="icon" href="../images/favicon.ico" />
    <link rel="preconnect" href="https://ik.imagekit.io" crossorigin />
    <link
      href="https://ik.imagekit.io/Woodash/SourceHanSerifSC-VF/result.css"
      rel="stylesheet"
    />
    <link href="../styles/normalize.css" rel="stylesheet" />
    <link href="../styles/basic.css" rel="stylesheet" />
    <link href="../styles/article.css" rel="stylesheet" />
    <script defer src="../scripts/article/setImageSize.js"></script>
  </head>

  <body>
    <header class="page-header">
      <div class="page-header-flex">
        <div id="page-header-title">
          <a href="../index.html">Woodash * 灰分</a>
        </div>

        <div id="page-header-about">
          技术与美学与数字花园
        </div>
      </div>
      <div id="fading"></div>
    </header>
    <article>
      <header class="article-header">
        <h1 id="article-header-title">
          <div class="title-line">
            $title$
          </div>
          <div class="title-line"></div>
          <div class="title-line"></div>
        </h1>
        <div class="article-header-info">
          <div id="article-header-date">
            $date$
          </div>
          <div id="article-header-tags">
            $tucao$
          </div>
        </div>
      </header>
      $body$
    </article>
    <footer>
      <div class="page-footer-flex">
        <div id="page-footer-author">
          Woodash.2023
        </div>

        <div id="page-footer-motto">
          For All Cyber Wanderers.
        </div>
      </div>
    </footer>
  </body>
</html>