拟态UI个人博客 - 记录生活和技术

    <div class='card'>
        <h2 class='card-title'>最新文章</h2>
        <ul class='card-content'>
            <li class='article'>
                <h3 class='article-title'>文章1</h3>
                <p class='article-content'>这是一篇关于xxx的文章，介绍了xxx，并分享了xxx。</p>
            </li>
            <li class='article'>
                <h3 class='article-title'>文章2</h3>
                <p class='article-content'>这是一篇关于xxx的文章，探讨了xxx，并给出了xxx。</p>
            </li>
            <li class='article'>
                <h3 class='article-title'>文章3</h3>
                <p class='article-content'>这是一篇关于xxx的文章，分析了xxx，并提出了xxx。</p>
            </li>
        </ul>
    </div>

    <div class='card'>
        <h2 class='card-title'>关于我</h2>
        <p class='card-content'>我是一个Web开发者，热爱学习和分享。欢迎与我联系！</p>
        <button class='button'>联系我</button>
    </div>
</div>