<!DOCTYPE html>
<html lang="zh-Hant">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>部落格｜棒棒的bonbon</title>
<meta name="description" content="棒棒的bonbon 部落格：職人採訪、保養小技巧、讀者提問整理。">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,500;0,9..144,600;1,9..144,500&family=Noto+Serif+TC:wght@500;700;900&family=Noto+Sans+TC:wght@300;400;500;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../styles.css">
<link rel="stylesheet" href="blog.css">
</head>
<body>

<header>
  <nav class="wrap">
    <div class="brandmark"><a href="../index.html" style="text-decoration:none; color:inherit;">棒棒的 <span class="latin">bonbon</span></a></div>
    <a class="contact" href="mailto:weast.tn1@gmail.com">聯絡信箱 →</a>
  </nav>
</header>

<section class="post-header">
  <div class="wrap">
    <span class="mono tag">部落格</span>
    <h1 class="post-title">文章列表</h1>
  </div>
</section>

<section>
  <div class="wrap">
    <!--
      新增文章的方式：複製一個 <a class="post-list-item"> 區塊，
      改 href（連到新文章檔名）、日期、標題、摘要文字即可。
      移除文章：把對應的整個 <a> 區塊刪掉。
    -->
    <div class="post-list">
      <a class="post-list-item" href="test-post.html">
        <span class="mono">2026.08.30</span>
        <h2>測試</h2>
        <p>烤牛排、真空包牛排的復熱方式整理：烤箱、熱水、微波爐三種做法的溫度、時間與注意事項。</p>
      </a>
    </div>
  </div>
</section>

<footer>
  <div class="wrap footer-grid">
    <div class="footer-mark">棒棒的 <span class="latin">bonbon</span></div>
    <div class="footer-contact">
      合作 / 邀稿 / 勘誤回報：<a href="mailto:weast.tn1@gmail.com">weast.tn1@gmail.com</a>
    </div>
  </div>
  <div class="wrap footer-copy">© 棒棒的bonbon · 手藝，鍛成文字</div>
</footer>

<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js" data-cf-beacon='{"token": "4d6f5e6c1a4946be9d0eb64b9a9d69ae"}'></script>

</body>
</html>
