使用Vue+ElementUI搭建属于自己的个性博客

博客介绍

前端页面纯使用VUE + VUEX + ElementUI框架,请求使用axios,路由使用vue-router,及其他优秀小插件完成,完全抛弃了Html以及Jquery,搭建一套完全属于自己的个性博客。 很多页面以及插件都是H5转VUE实现的,虽然过程有点艰苦,不过结果还是挺好的。

博客包含一下模块:

  • 首页
  • 博文
  • 美文
  • 心语
  • 资源
  • 友链
  • 关于
  • 第三方登录(qq、微博)

项目目录介绍:

使用Vue+ElementUI搭建属于自己的个性博客_第1张图片

本源码使用mock模拟数据 

博客地址:预览

github地址:zhua-blog-ui-dome

视频介绍

Zhua个人博客

页面展示

首页:

使用Vue+ElementUI搭建属于自己的个性博客_第2张图片

使用Vue+ElementUI搭建属于自己的个性博客_第3张图片

使用Vue+ElementUI搭建属于自己的个性博客_第4张图片

使用Vue+ElementUI搭建属于自己的个性博客_第5张图片

博文:

使用Vue+ElementUI搭建属于自己的个性博客_第6张图片

使用Vue+ElementUI搭建属于自己的个性博客_第7张图片

美文:

使用Vue+ElementUI搭建属于自己的个性博客_第8张图片

心语:

使用Vue+ElementUI搭建属于自己的个性博客_第9张图片

资源:

使用Vue+ElementUI搭建属于自己的个性博客_第10张图片

留言:

使用Vue+ElementUI搭建属于自己的个性博客_第11张图片

友联:

使用Vue+ElementUI搭建属于自己的个性博客_第12张图片

关于:

使用Vue+ElementUI搭建属于自己的个性博客_第13张图片

使用Vue+ElementUI搭建属于自己的个性博客_第14张图片

第三方登录:

使用Vue+ElementUI搭建属于自己的个性博客_第15张图片

你可能感兴趣的:(Vue,vue,elementui)