# 关于我


<link rel="stylesheet" href="/css/profile.css">

<div class="profile-container">

  <!-- 头部首屏 -->
  <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">后端开发工程师 · 地质学转码 · 远程工作者</p>
    </div>
  </div>

  <!-- 价值主张 -->
  <div class="profile-section">
    <div class="profile-section-content profile-value">
      <p>曾是地球历史的阅读者，现是数字生态的构建者。</p>
      <p>地质学教会我用万年尺度去看待变迁，这让我即使置身于迭代极快的互联网与 AI 狂飙时代，也能保持一份长周期的冷峻。</p>
      <p>后端开发是我的技能，而看透底层连接、用技术复利对抗时代焦虑，是我想探讨的真正课题。</p>
    </div>
  </div>

  <!-- 信任背书 -->
  <div class="profile-section">
    <div class="profile-section-header">
      <span class="profile-section-icon">──</span>
      <h3 class="profile-section-title">在写什么</h3>
    </div>
    <div class="profile-section-content">
      <div class="profile-stats">
        <div class="profile-stat">
          <span class="profile-stat-number">30+</span>
          <span class="profile-stat-label">篇原创文章</span>
        </div>
        <div class="profile-stat">
          <span class="profile-stat-number">6</span>
          <span class="profile-stat-label">个内容专栏</span>
        </div>
        <div class="profile-stat">
          <span class="profile-stat-number">5</span>
          <span class="profile-stat-label">大写作方向</span>
        </div>
      </div>
      <div class="profile-highlights">
        <div class="profile-highlight">
          <span class="profile-highlight-tag">AI 技术教程</span>
          <p>从 Token 机制到 RAG 系统搭建，6 篇系列长文系统覆盖 LLM 核心技术栈，包含 270+ 条 AI 专业术语词典。</p>
        </div>
        <div class="profile-highlight">
          <span class="profile-highlight-tag">时事深度分析</span>
          <p>长期追踪《经济学人》《华尔街日报》等优质信源，输出地缘政治、宏观经济等领域的深度解读。</p>
        </div>
        <div class="profile-highlight">
          <span class="profile-highlight-tag">工程实践</span>
          <p>记录后端开发中的真实踩坑与方案选型，涵盖 Linux 调优、容器化部署、AI 工具链搭建等实战内容。</p>
        </div>
      </div>
    </div>
  </div>

  <!-- 联系方式 -->
  <div class="profile-section">
    <div class="profile-section-header">
      <span class="profile-section-icon">──</span>
      <h3 class="profile-section-title">找到我</h3>
    </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">📧</span>
          <span>Email</span>
        </a>
        <a href="https://github.com/ByronFinn" target="_blank" class="profile-contact-item">
          <span class="profile-contact-icon">💻</span>
          <span>GitHub</span>
        </a>
      </div>
    </div>
  </div>

</div>