<h3 id="heading-kirkvzzkujropohmsyiqkg">作业要求</h3>
<ul>
<li>使用 Gridsome 实现下面博客内容。
</li>
<li>实现左侧前四个侧边栏的效果和内容。
</li>
<li>项目地址 <a target="_blank" href="https://github-laziji.github.io/#/user/new/main">https://github-laziji.github.io/#/user/new/main</a>
</li>
</ul>
<img src="https://static.ziying.site/%E5%8D%9A%E5%AE%A2%E5%9B%BE%E7%89%87/3-4-1.png" alt="页面" />
<ul>
<li>仓库地址： <a target="_blank" href="https://gitee.com/caorushizi/vblog">https://gitee.com/caorushizi/vblog</a>
</li>
<li>预览：<a target="_blank" href="http://ziying.site/vblog">http://ziying.site/vblog</a>
</li>
</ul>

### **作业要求**

* 使用 Gridsome 实现下面博客内容。
    
* 实现左侧前四个侧边栏的效果和内容。
    
* 项目地址 [https://github-laziji.github.io/#/user/new/main](https://github-laziji.github.io/#/user/new/main)
    

![页面](https://static.ziying.site/%E5%8D%9A%E5%AE%A2%E5%9B%BE%E7%89%87/3-4-1.png align="left")

* 仓库地址： [https://gitee.com/caorushizi/vblog](https://gitee.com/caorushizi/vblog)
    
* 预览：[http://ziying.site/vblog](http://ziying.site/vblog)

搭建自己的SSR、静态站点生成（SSG）及封装 Vue.js 组件库

作业要求