博客时间轴代码

<!-- 每年一个article -->
<article>
    <h3>2018年&戊戌年</h3>

    <!-- 每个事件一个section -->
    <section>
        <!-- class中的point-red为点的颜色，有5种预设：point-red，blue，green，yellow，purple -->
        <span class="point-time point-red"></span>
        <time>
            <span>5月1日</span>
        </time>
        <aside>
            <p class="things">
                这里是故事开始
            </p>
            <p class="brief">
                <!-- class中的text-red事件名称的颜色，有5种预设：text-red，blue，green，yellow，purple -->
                <span class="text-red">这里是故事梗概</span>
            </p>
        </aside>
    </section>

</article>