前言
今天讲博客网站的部分功能修改了一下,在这里记录下来,说不定以后看起来还有点意义。
数据
首先是数据层的修复。
根据分类获取到的文章列表并没有按照事件降序排列的BUG,这个之前没有注意,使用过程中才发现。
关于浏览量和评论数的字段我并没有消除,即使现在不做,以后还是有可能会做的,先留着吧。
后台
后台的更新稍微多了些,解决的过程中也深受耦合代码的荼毒,关于这方面还有很多知识要学。
首先是分类,之前的分类导致basic分类太为宽泛,这次重做之后分成了CSS, JavaScript, Basic三个部分。当然也没有这么简单,联系的前台的代码也需要做相应的修改,工作量还是有的。
因为之前对日期并没有太过在意,因为有时候想要手动调一下日期,所以这次干脆把日期做成可输入的,同时又饱受日期降序排列需要加0的影响,也不可能简单的toLocalString()就完事,这次就先和Life模块一样做成了全部输入字符串的形式,以后再修改吧。
虽然后台布局不重要,这次加了新的输入字段后还是稍微更改了一下布局,不然显得太过臃肿了。
由于之前设置markdown编译的时候会有一块区域莫名突出导致了水平的滚动条出现,因此使用了:
body {overflow-x: hidden;
}
做隐藏,同时还给markdown做了80vw的宽度,其实后者已经没有用了,也会导致使用antd的导航栏时一些样式的不恰当,因此这次将这个属性去除掉。
前台
最后回到前台, 因为之前Nprogress写过一篇文章,这里就不单独讲了。
后台和数据改起来都很简单,前台在这方面算是最麻烦的了,所有的效果都要最后由他来汇总显示,一步一步来。
首先是文章列表的布局,想来想去,还是觉得前者比后者好看:
所以到最后还是换回去了。
之前的导航栏问题也很大:
后来换成:
同时对于颜色也进行了一定的更新:
先这样吧,下一次可能要有些设计概念来驱动修改了。