建站笔记(一)-前端页面展示

建站笔记(一)

前端页面展示

参考笔记原文链接

一、首页

1.主页页面

首页主要是一些文字描述和个人信息,如果你的显示屏分辨率比较高或者页面缩放的比较小的话,可以看到下面有最新推荐专栏

2.博文列表

博文列表主要有博文标题、博文简介、作者、时间、访问量、评论数、博文分类和博文首图

3.首页底部

底部就是比较常规的一些功能,显示了博主的微信二维码,最新文章和博客运行时间

二、博文详情

1.博文标题及信息

展示了文章首图、标题、等信息

2.文末评论

文末有文章转载的信息和评论区域,评论具有盖楼功能,分为普通用户和管理员

二、分类页面

显示分类名称,点击可以显示不同的分类文章

三、时间轴

采用两边分开的阶梯状按照时间顺序来展示

四、音乐盒

音乐盒是使用了一个开源的插件,自己进行了修改,主要功能有显示歌曲、歌词、播放、暂停、上一曲、下一曲、音量调节、播放顺序调节、同步歌词等功能

五、留言板

功能和博文评论是一样的

六、友人帐(友链)

添加友链要求和显示友链

七、照片墙

采用了一个开源的插件,可以根据屏幕分辨率的不同来显示,放大缩小图片基本不形变

点击一张图片显示如下,有一些图片的基本信息,可以左右切换图片

八、关于我

静态页面,一些博主的信息

九、后台管理

1. 文章管理

可以对文章进行增加、编辑修改、删除,还可以搜索文章

新增文章,使用Markdown语法

2. 分类管理

可以对分类进行增加、编辑修改、删除

3. 友链管理

可以对友链进行增加、编辑修改、删除

4. 相册管理

可以对照片进行增加、编辑修改、删除

end
  • 作者:AWhiteElephant(联系作者)
  • 发表时间:2022-03-14 22:34
  • 版权声明:自由转载-非商用-非衍生-保持署名(创意共享3.0许可证)
  • 转载声明:如果是转载栈主转载的文章,请附上原文链接
  • 评论