1. 项目主要分为四个功能模块:
· 首页:左侧为个人信息卡,展示站主昵称、邮箱、姓名、学号、班级信息,下方展示文章阅读量、点赞数;
右侧为统计图及技能占比。统计图使用了echarts,文章分类统计图统计了每个分类下的文章数,文章发布统计图统计了最近6个月的文章发布数。
· 学习记录:这一页面,以时间线的形式,展示个人的学习记录。当滑动页面到底端时,会触发加载,获取更多记录。
· 技术分享:设计了四列瀑布流的布局方式,可以在头图宽高比不一致时仍然保持较好的美观性。同样有触底加载的特性。支持对文章标题及内容的直接模糊搜索,后续可自行对接ElasticSearch等搜索引擎。选择一篇文章后,进入文章详情页。从上至下分别为大标题、标签、文章信息、文章内容、点赞评论区。其中文章信息包括发布时间、最后更新时间、点赞数、阅读量、字数统计。文章的主体页面采用了markdown语法,引入了v-md-preview插件,行文更清晰。在文章的末尾,可以进行点赞、评论操作。
· 留言小屋:在这个页面中,访客可以进行留言操作。
2. 整个项目为个人独立开发,可能存在不完善的地方。项目采用了前后端分离的方式。前