# About Me


<div class="profile-container">

  <!-- Hero: value proposition + primary CTA -->
  <div class="profile-hero">
    <div class="profile-hero-inner">
      <div class="profile-avatar-wrapper">
        <img src="/pictures/avatar/angryCat.png" alt="ByF" class="profile-avatar">
      </div>
      <h1 class="profile-name">ByF</h1>
      <p class="profile-tagline">Technology and business in the AI age, taken apart on the timescale of geology</p>
      <a href="/posts/" class="profile-cta">Read the latest posts →</a>
    </div>
  </div>

  <!-- What I write: featured posts (concrete > numbers) -->
  <div class="profile-section">
    <div class="profile-section-header">
      <h2 class="profile-section-title">What I Write</h2>
    </div>
    <div class="profile-section-content">
      <div class="profile-featured">
        <a href="/rag-system-complete-guide-langchain-ollama-pgvector/" class="profile-featured-item">
          <span class="profile-featured-tag">AI Tutorial</span>
          <span class="profile-featured-title">The Complete Guide to RAG Systems</span>
          <span class="profile-featured-desc">LangChain + Ollama + pgvector: build a local RAG system from scratch, with working code and interview checkpoints.</span>
        </a>
        <a href="/claude-code-think-act-observe-loop/" class="profile-featured-item">
          <span class="profile-featured-tag">AI Agent Series</span>
          <span class="profile-featured-title">The Think-Act-Observe Loop</span>
          <span class="profile-featured-desc">A source-level look at Claude Code: how one loop carries the entire agent's capability.</span>
        </a>
        <a href="/ai-technical-glossary-complete-guide/" class="profile-featured-item">
          <span class="profile-featured-tag">AI Tutorial</span>
          <span class="profile-featured-title">A Glossary of 270+ AI Terms</span>
          <span class="profile-featured-desc">From token to RAG to prompt engineering — a quick-reference map of 12 AI domains.</span>
        </a>
        <a href="/economist-20251115-taiwan-boom/" class="profile-featured-item">
          <span class="profile-featured-tag">Analysis</span>
          <span class="profile-featured-title">The Economist, Nov 15 2025</span>
          <span class="profile-featured-desc">The semiconductor advantage — and geopolitical risk — behind Taiwan's economic boom.</span>
        </a>
        <a href="/china-county-economy-twilight/" class="profile-featured-item">
          <span class="profile-featured-tag">Analysis</span>
          <span class="profile-featured-title">Twilight of the County Town</span>
          <span class="profile-featured-desc">Factories shutting down, real estate in decline, e-commerce squeezing local shops — the hidden China beneath headline growth.</span>
        </a>
        <a href="/tmux-practical-guide/" class="profile-featured-item">
          <span class="profile-featured-tag">Engineering Practice</span>
          <span class="profile-featured-title">Tmux: The Practical Bits</span>
          <span class="profile-featured-desc">Detach/attach, panes, windows — only the operations you will actually use.</span>
        </a>
      </div>
      <div class="profile-directions">
        <a href="/tags/人工智能/" class="profile-direction">AI Tutorial</a>
        <a href="/tags/经济学人/" class="profile-direction">Analysis</a>
        <a href="/tags/工程实践/" class="profile-direction">Engineering Practice</a>
      </div>
      <p class="profile-stats-line">30+ original posts · 6 series · 5 directions</p>
    </div>
  </div>

  <!-- 关于我：可扫描摘要 -->
  <div class="profile-section">
    <div class="profile-section-header">
      <h2 class="profile-section-title">About Me</h2>
    </div>
    <div class="profile-section-content profile-value">
      <p>Once a reader of Earth's history, now a builder of digital ecosystems.</p>
      <p>Geology trained me to see change over long cycles, in the middle of the most hyped era yet.</p>
      <p>Backend engineering is my craft; understanding — how the bottom layer actually connects — is my subject.</p>
    </div>
  </div>

  <!-- 找到我：多渠道 -->
  <div class="profile-section">
    <div class="profile-section-header">
      <h2 class="profile-section-title">Find Me</h2>
    </div>
    <div class="profile-section-content">
      <div class="profile-contact">
        <a href="mailto:blog@baifan.site" class="profile-contact-item">
          <span class="profile-contact-icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><rect x="2" y="4" width="20" height="16" rx="2"></rect><path d="m22 7-10 6L2 7"></path></svg>
          </span>
          <span>Email</span>
        </a>
        <a href="https://github.com/ByronFinn" target="_blank" class="profile-contact-item">
          <span class="profile-contact-icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
          </span>
          <span>GitHub</span>
        </a>
        <a href="/index.xml" class="profile-contact-item">
          <span class="profile-contact-icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M4 11a9 9 0 0 1 9 9"></path><path d="M4 4a16 16 0 0 1 16 16"></path><circle cx="5" cy="19" r="1"></circle></svg>
          </span>
          <span>RSS</span>
        </a>
      </div>
    </div>
  </div>

</div>