旧时光 | Yangjiayu

Goat Timeline
<!-- ===== 示例事件 1（左侧） ===== -->
<div class="timeline-item left">
  <div class="date">2020-01-01</div>
  <div class="content">
    <img src="https://via.placeholder.com/150?text=Image1" alt="事件图片" />
    <p>这是第一个事件的描述文字。你可以把这段话改成你自己的内容。</p>
  </div>
</div>

<!-- ===== 示例事件 2（右侧） ===== -->
<div class="timeline-item right">
  <div class="date">2020-06-15</div>
  <div class="content">
    <img src="https://via.placeholder.com/150?text=Image2" alt="事件图片" />
    <p>这是第二个事件的描述文字。比如，你可以写一些重要节点。</p>
  </div>
</div>

<!-- ===== 示例事件 3（左侧） ===== -->
<div class="timeline-item left">
  <div class="date">2021-03-10</div>
  <div class="content">
    <img src="https://via.placeholder.com/150?text=Image3" alt="事件图片" />
    <p>第三个事件描述。这里的图片是示例占位图。</p>
  </div>
</div>

<!-- ===== 示例事件 4（右侧） ===== -->
<div class="timeline-item right">
  <div class="date">2021-12-25</div>
  <div class="content">
    <img src="https://via.placeholder.com/150?text=Image4" alt="事件图片" />
    <p>第四个事件描述。你可以将图片替换为自己想要的链接。</p>
  </div>
</div>

<!-- 
  如果还想继续添加事件：
  1. 复制下面的结构到末尾
  2. 修改 class="timeline-item left" 或 "timeline-item right"（决定左侧还是右侧）
  3. 修改 <div class="date">... 和 <img src="..."> 以及 <p>...</p> 内容
  4. 放到 </div> 的上方即可
-->

<!-- ===== 这里可以添加新事件 =====
<div class="timeline-item left">
  <div class="date">这里放日期</div>
  <div class="content">
    <img src="图片链接" alt="事件图片" />
    <p>这里放事件描述</p>
  </div>
</div>
-->