<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="generator" content="Hugo 0.161.1" />
    
      





<title>Haku</title>
<meta name="description" content="Karlbaey&#39;s Cardboard Box" />
<meta name="robots" content="index,follow,max-image-preview:large" />
<meta name="author" content="Karlbaey" />
<link rel="canonical" href="https://re.karlbaey.top/" />
<link rel="alternate" type="application/rss+xml" title="Haku RSS" href="/rss.xml" />
<meta property="og:title" content="Haku" />
<meta property="og:description" content="Karlbaey&#39;s Cardboard Box" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://re.karlbaey.top/" />
<meta property="og:image" content="https://re.karlbaey.top/og-default.png" />
<meta property="og:image:alt" content="Haku" />
<meta property="og:site_name" content="Haku" />
<meta property="og:locale" content="zh_CN" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Haku" />
<meta name="twitter:description" content="Karlbaey&#39;s Cardboard Box" />
<meta name="twitter:site" content="@yourhandle" />
<meta name="twitter:image" content="https://re.karlbaey.top/og-default.png" />
<meta name="twitter:image:alt" content="Haku" />


<link rel="icon" href="https://re.karlbaey.top/favicon.png" />
<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","description":"Karlbaey's Cardboard Box","headline":"Haku","image":"https://re.karlbaey.top/og-default.png","inLanguage":"zh-CN","name":"Haku","url":"https://re.karlbaey.top/"}</script>

<link rel="preconnect" href="https://fonts.loli.net" />
<link rel="preconnect" href="https://gstatic.loli.net" crossorigin="anonymous" />
<link href="https://fonts.loli.net/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Noto+Sans+SC:wght@100..900&display=swap" rel="stylesheet">


  <script async src="https://www.googletagmanager.com/gtag/js?id=G-BKJ5EF2BLM"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() {
      dataLayer.push(arguments);
    }
    gtag("js", new Date());
    gtag("config", "G-BKJ5EF2BLM");
  </script>



  <script async defer src="https://cloud.umami.is/script.js" data-website-id="ba106b2c-6b51-4111-880b-cb4f82a84cd3"></script>


    
    

  
  
    
      
    
  
    
      
    
  
  
    
    
    <link rel="stylesheet" href="/css/bundles/base.min.0fab2016ebdd4155fb054cbc9d4667572529b4aedfbc293e0d3e6ccd7c2166f5.css" integrity="sha256-D6sgFuvdQVX7BUy8nUZnVyUptK7fvCk&#43;DT5szXwhZvU=" />
  


    
  

  
  
    
      
    
  
    
      
    
  
  
    
    
    <link rel="stylesheet" href="/css/bundles/home.min.c0c85792a4f5d150c247eeae110dc2178728aa227592ef72f1bea42a3102481d.css" integrity="sha256-wMhXkqT10VDCR&#43;6uEQ3CF4coqiJ1ku9y8b6kKjECSB0=" />
  



    
    
  </head>
  <body>
    
  
  
  
  <main class="page-main">
    <header class="site-header">
      <div class="site-header-top">
        <h1 class="site-title">
          <a href="/">Haku</a>
        </h1>
      </div>
      <p class="site-subtitle">卡尔白的纸箱📦</p>
      









<nav class="site-navigation" aria-label="站点导航">
  

  <div class="site-nav-links">
    
      <a href="/about/" class="site-nav-link">关于我</a>
    
    
      <a href="/tags/" class="site-nav-link">所有标签</a>
    
    
      <a href="/archiving/" class="site-nav-link">Archiving</a>
    
    
      <a href="/friends/" class="site-nav-link">友情链接</a>
    
    
      <a href="/rss.xml" class="site-nav-link site-nav-link--icon" aria-label="订阅 RSS" title="RSS 订阅">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true">
          <path
            fill="none"
            stroke="currentColor"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
            d="M4 19a1 1 0 1 0 2 0a1 1 0 1 0-2 0M4 4a16 16 0 0 1 16 16M4 11a9 9 0 0 1 9 9"
          />
        </svg>
        <span class="site-nav-link-label">RSS</span>
      </a>
    
    


  
    
  


<form
  class="home-search"
  action="https://www.google.com/search"
  method="get"
  data-search-form
  data-search-site="re.karlbaey.top"
>
  <label class="search-input-wrap home-search-input-wrap">
    <span class="visually-hidden">Google 搜索本站</span>
    <input
      type="search"
      name="q"
      class="search-input home-search-input"
      data-search-input
      placeholder="Google 搜索本站"
      autocomplete="off"
      spellcheck="false"
    />
  </label>
  <button type="submit" class="search-trigger" aria-label="使用 Google 搜索本站" title="Google 搜索本站">
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true">
      <path
        fill="currentColor"
        d="m19.6 21l-6.3-6.3q-.75.6-1.725.95T9.5 16q-2.725 0-4.612-1.888T3 9.5t1.888-4.612T9.5 3t4.613 1.888T16 9.5q0 1.1-.35 2.075T14.7 13.3l6.3 6.3zM9.5 14q1.875 0 3.188-1.312T14 9.5t-1.312-3.187T9.5 5T6.313 6.313T5 9.5t1.313 3.188T9.5 14"
      />
    </svg>
  </button>
</form>

  </div>
</nav>

    </header>

    
      <section class="article-list" aria-label="文章列表">
        
          




<article class="article-entry">
  <h2 class="article-title">
    <a href="/articles/not-my-day/">屋漏偏逢连夜雨</a>
  </h2>
  <p class="article-description">I don&amp;rsquo;t know how to moving forward. Maybe it&amp;rsquo;s …</p>
  






  <div class="article-meta article-meta--card">
    <p class="article-meta-line">
      <span>发布于 2026年6月14日 14:50</span>
      
    </p>
    






<ul class="article-tag-list" aria-label="文章标签">
  
    
      <li>
        <a href="/tags/WTF/">#🤣WTF</a>
      </li>
    
  
</ul>

  </div>


</article>

        
          




<article class="article-entry">
  <h2 class="article-title">
    <a href="/articles/return-to-dusk/oil-panic/">石油障碍症</a>
  </h2>
  <p class="article-description">林嘉乐从来没有见过真的石油。尽管她的生活已经被石油从头渗透到脚，她依然与这黑色黄金没有谋面的缘分。这也无关紧要。对于嘉乐 …</p>
  






  <div class="article-meta article-meta--card">
    <p class="article-meta-line">
      <span>发布于 2026年6月7日 21:44</span>
      
    </p>
    






<ul class="article-tag-list" aria-label="文章标签">
  
    
      <li>
        <a href="/tags/%E6%98%A8%E6%97%A5%E9%BB%84%E6%98%8F/">#昨日黄昏</a>
      </li>
    
      <li>
        <a href="/tags/%E5%8E%9F%E5%88%9B/">#原创</a>
      </li>
    
  
</ul>

  </div>


</article>

        
          




<article class="article-entry">
  <h2 class="article-title">
    <a href="/articles/rocky-road/big-swindling/">好玩，大数据杀熟</a>
  </h2>
  <p class="article-description">杀熟很常见，它有个更地道的称呼叫做“看人下菜碟”，但是互联网把这“人”，或者连人都不是，的范围扩得好宽好宽啊，甚至有时候 …</p>
  






  <div class="article-meta article-meta--card">
    <p class="article-meta-line">
      <span>发布于 2026年5月24日 16:22</span>
      
    </p>
    






<ul class="article-tag-list" aria-label="文章标签">
  
    
      <li>
        <a href="/tags/%E6%BC%AB%E6%BC%AB%E9%95%BF%E8%B7%AF/">#漫漫长路</a>
      </li>
    
      <li>
        <a href="/tags/%E4%BA%92%E8%81%94%E7%BD%91/">#互联网</a>
      </li>
    
  
</ul>

  </div>


</article>

        
          




<article class="article-entry">
  <h2 class="article-title">
    <a href="/articles/tinkering/captcha-for-sodesu/">给 Waline 前端加了人机验证</a>
  </h2>
  <p class="article-description">Turnstile 其实就是一个 Cloudflare 做的人机验证小组件。
长这样 前些时日换了 Sodesu 作为 …</p>
  






  <div class="article-meta article-meta--card">
    <p class="article-meta-line">
      <span>发布于 2026年5月17日 11:26</span>
      
    </p>
    






<ul class="article-tag-list" aria-label="文章标签">
  
    
      <li>
        <a href="/tags/%E6%97%A0%E5%B0%BD%E6%95%B2%E6%89%93/">#无尽敲打</a>
      </li>
    
      <li>
        <a href="/tags/Waline/">#Waline</a>
      </li>
    
      <li>
        <a href="/tags/%E5%89%8D%E7%AB%AF/">#前端</a>
      </li>
    
  
</ul>

  </div>


</article>

        
          




<article class="article-entry">
  <h2 class="article-title">
    <a href="/articles/rocky-road/disregard-complex/">被忽略的问题</a>
  </h2>
  <p class="article-description">按理来说这个帖子应该用英文写然后投到 Reddit 的 r/AmIOverreacting 的，但是我英文比较菜，而且没 …</p>
  






  <div class="article-meta article-meta--card">
    <p class="article-meta-line">
      <span>发布于 2026年5月4日 15:23</span>
      
    </p>
    






<ul class="article-tag-list" aria-label="文章标签">
  
    
      <li>
        <a href="/tags/%E6%80%9D%E8%80%83/">#思考</a>
      </li>
    
      <li>
        <a href="/tags/%E6%BC%AB%E6%BC%AB%E9%95%BF%E8%B7%AF/">#漫漫长路</a>
      </li>
    
  
</ul>

  </div>


</article>

        
          




<article class="article-entry">
  <h2 class="article-title">
    <a href="/articles/tinkering/cloudflare-and-resend-to-notify-by-waline/">给 Waline 做自己的通知邮箱！</a>
  </h2>
  <p class="article-description">为了一个简简单单的域名邮箱，我花了很久很久。</p>
  






  <div class="article-meta article-meta--card">
    <p class="article-meta-line">
      <span>发布于 2026年5月3日 21:52</span>
      
    </p>
    






<ul class="article-tag-list" aria-label="文章标签">
  
    
      <li>
        <a href="/tags/%E6%97%A0%E5%B0%BD%E6%95%B2%E6%89%93/">#无尽敲打</a>
      </li>
    
      <li>
        <a href="/tags/%E6%95%99%E7%A8%8B/">#教程</a>
      </li>
    
      <li>
        <a href="/tags/%E5%8E%9F%E5%88%9B/">#原创</a>
      </li>
    
  
</ul>

  </div>


</article>

        
          




<article class="article-entry">
  <h2 class="article-title">
    <a href="/articles/typography/">排版的艺术：一条很长很长的路</a>
  </h2>
  <p class="article-description">排版是门技术活，这不用多说。</p>
  






  <div class="article-meta article-meta--card">
    <p class="article-meta-line">
      <span>发布于 2026年4月26日 16:12</span>
      
    </p>
    






<ul class="article-tag-list" aria-label="文章标签">
  
    
      <li>
        <a href="/tags/%E6%BC%AB%E6%BC%AB%E9%95%BF%E8%B7%AF/">#漫漫长路</a>
      </li>
    
      <li>
        <a href="/tags/Markdown/">#Markdown</a>
      </li>
    
      <li>
        <a href="/tags/%E5%A4%A7%E4%B9%B1%E6%96%97/">#大乱斗</a>
      </li>
    
  
</ul>

  </div>


</article>

        
      </section>

      


  <nav class="pagination" aria-label="文章分页">
    <p class="pagination-summary">
      第 1 页，共 5 页
    </p>

    <div class="pagination-links">
      
        <span class="pagination-link pagination-link--disabled pagination-link--arrow" aria-disabled="true">上一页</span>
      

      
      
      

      
        
        
          
        

        
          
            <span class="pagination-link pagination-link--current" aria-current="page">1</span>
          
        
      
        
        
          
        

        
          
            <a class="pagination-link" href="/page/2/">2</a>
          
        
      
        
        
          
        

        
          
            <a class="pagination-link" href="/page/3/">3</a>
          
        
      
        
        

        
          
          
          
            
          
          
            <span class="pagination-ellipsis" aria-hidden="true">…</span>
          
        
      
        
        
          
        

        
          
            <a class="pagination-link" href="/page/5/">5</a>
          
        
      

      
        <a class="pagination-link pagination-link--arrow" href="/page/2/" rel="next">下一页</a>
      
    </div>
  </nav>


    
  </main>

    
    
      <footer>
        <div class="site-footer-inner">
          
            <a href="https://icp.gov.moe/?keyword=20255566" target="_blank" rel="noreferrer">萌 ICP 备 20255566 号</a>
          
        </div>
      </footer>
    
    
  
  <script src="/js/search-form.min.c4d81e455561804dbc6fd736dd4537117115074595f3e27efd5968ffe23f049f.js" integrity="sha256-xNgeRVVhgE28b9c23UU3EXEVB0WV8&#43;J&#43;/Vlo/&#43;I/BJ8=" defer></script>

  </body>
</html>
