首页部分--

网站首页采用的vue组件化编写，通过文章展示模块，标签模块，头部导航模块和个人信息模块等来进行博客首页的展示，文章展示模块放在最中央给用户一种直观的视觉体验，搭配上个人信息的展示和导航栏的展示，用户很容易找到自己的需求，直观的看到自己的个人介绍，和自己所写的文章，另外通过给定文章的指定标签，用户可以根据标签查询到自己所需要的的内容。
具体页面如下

具体代码如下

  <el-main class="me-articles">

    <article-scroll-page></article-scroll-page>

  </el-main>

  <el-aside>

    <card-me class="me-area"></card-me>
    <card-tag :tags="hotTags"></card-tag>

    <card-article cardHeader="最热文章" :articles="hotArticles"></card-article>

    <card-archive cardHeader="文章归档" :archives="archives"></card-archive>

    <card-article cardHeader="最新文章" :articles="newArticles"></card-article>

  </el-aside>

</el-container>