<!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=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Noto+Sans+SC:wght@100..900&family=SN+Pro:ital,wght@0,200..900;1,200..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.4d25694fe446ac2fa212945a2c661b91b2b1aae7854c20548a75802aa64ff559.css" integrity="sha256-TSVpT&#43;RGrC&#43;iEpRaLGYbkbKxqueFTCBUinWAKqZP9Vk=" />
  


    
  

  
  
    
      
    
  
    
      
    
  
  
    
    
    <link rel="stylesheet" href="/css/bundles/home.min.ea3e6beffdf775fb958c481a9728bbcaaea71755f799fd3398a587c538b5edb3.css" integrity="sha256-6j5r7/33dfuVjEgalyi7yq6nF1X3mf0zmKWHxTi17bM=" />
  



    
    
  </head>
  <body>
    
  
  
  
  <main class="page-main" data-pagefind-ignore="all">
    <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="/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>
    
    


<home-search class="home-search" data-search-sections="articles" data-pagefind-url="/pagefind/pagefind.js">
  <button
    type="button"
    class="search-trigger"
    aria-label="打开搜索"
    aria-expanded="false"
    data-search-trigger
  >
    <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>

  <div class="search-overlay" hidden data-search-overlay>
    <div class="search-panel" role="dialog" aria-modal="true" aria-labelledby="search-title">
      <header class="search-panel-header">
        <div>
          <p class="search-eyebrow">站内搜索</p>
          <h2 id="search-title" class="search-title">搜索内容</h2>
        </div>
        <button type="button" class="search-close" aria-label="关闭搜索" data-search-close>
          <svg viewBox="0 0 24 24" aria-hidden="true">
            <path
              d="M6.53 5.47a.75.75 0 0 1 1.06 0L12 9.88l4.41-4.4a.75.75 0 1 1 1.06 1.06L13.06 10.94l4.4 4.41a.75.75 0 0 1-1.06 1.06L12 12l-4.41 4.4a.75.75 0 0 1-1.06-1.06l4.4-4.4-4.4-4.41a.75.75 0 0 1 0-1.06Z"
              fill="currentColor"
            />
          </svg>
        </button>
      </header>

      <label class="search-input-wrap">
        <span class="visually-hidden">搜索关键词</span>
        <input
          type="search"
          class="search-input"
          placeholder="搜索标题、标签、摘要和正文"
          autocomplete="off"
          spellcheck="false"
          data-search-input
        />
      </label>

      <p class="search-hint" data-search-status>输入关键词开始搜索，按 Esc 退出。</p>
      <ul class="search-results" aria-live="polite" data-search-results></ul>
    </div>
  </div>
</home-search>

  </div>
</nav>

    </header>

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




<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>

        
          




<article class="article-entry">
  <h2 class="article-title">
    <a href="/articles/i-want-to-do-everything/">最近我在干些什么还有聊天还有一个久违的双休</a>
  </h2>
  <p class="article-description">最近一个星期的情绪算是稳住了，还好还好。而且摆脱了一个一直缠着我的抑郁症患者——还是很好办的，随便说句硬点的话就可以了， …</p>
  






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






<ul class="article-tag-list" aria-label="文章标签">
  
    
      <li>
        <a href="/tags/%E8%83%A1%E8%A8%80%E4%B9%B1%E8%AF%AD/">#胡言乱语</a>
      </li>
    
  
</ul>

  </div>


</article>

        
          




<article class="article-entry">
  <h2 class="article-title">
    <a href="/articles/markdown-editors-recommend/">各 Markdown 编辑器的使用体验</a>
  </h2>
  <p class="article-description">前情提要 以前写过一篇 Markdown 编辑器推荐（已经删了，换成了这一篇）。因为以前用的图床爆炸了，里面的图片荡然无 …</p>
  






  <div class="article-meta article-meta--card">
    <p class="article-meta-line">
      <span>发布于 2026年3月20日 16:32</span>
      
    </p>
    






<ul class="article-tag-list" aria-label="文章标签">
  
    
      <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>

        
          




<article class="article-entry">
  <h2 class="article-title">
    <a href="/articles/tinkering/solving-a-duplicate-filename-bug-and-a-test-engineer-joke/">Astro 解决代码块的文件名重叠，附带测试工程师笑话</a>
  </h2>
  <p class="article-description">一个测试工程师走进一家酒吧，要了一杯啤酒；一个测试工程师走进一家酒吧，要了一杯咖啡……没完了？（附带绝赞调优记录）</p>
  






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






<ul class="article-tag-list" aria-label="文章标签">
  
    
      <li>
        <a href="/tags/Astro/">#Astro</a>
      </li>
    
      <li>
        <a href="/tags/%E5%89%8D%E7%AB%AF/">#前端</a>
      </li>
    
      <li>
        <a href="/tags/%E8%83%A1%E8%A8%80%E4%B9%B1%E8%AF%AD/">#胡言乱语</a>
      </li>
    
      <li>
        <a href="/tags/%E6%97%A0%E5%B0%BD%E6%95%B2%E6%89%93/">#无尽敲打</a>
      </li>
    
  
</ul>

  </div>


</article>

        
          




<article class="article-entry">
  <h2 class="article-title">
    <a href="/articles/handle-fouc-problems/">简单记一记如何解决切换主题时的明暗闪烁</a>
  </h2>
  <p class="article-description">对于一个明暗双主题的 Astro 主题，在切换页面时经常会出现这样的情况。
上图中在切换页面时会出现闪烁问题 这玩意的学 …</p>
  






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






<ul class="article-tag-list" aria-label="文章标签">
  
    
      <li>
        <a href="/tags/%E5%89%8D%E7%AB%AF/">#前端</a>
      </li>
    
      <li>
        <a href="/tags/Astro/">#Astro</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>
        
      
        
          <a class="pagination-link" href="/page/4/">4</a>
        
      
        
          <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 data-pagefind-ignore="all">
        <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-overlay.min.0fa6a91259172ce9a954256604e35a66a45989f18d21957a892eae7e699d8b19.js" integrity="sha256-D6apElkXLOmpVCVmBONaZqRZifGNIZV6iS6ufmmdixk=" defer></script>

  </body>
</html>
