足各路的博客v2.0正式上线!全新的界面、全新的体验!以lol英雄为背景,搭配卡片式风格,完成改版搭建。
想必大家和我一样,人在公司,心早已飞去安排五一小长假了。遗憾的是北京的疫情再次爆发,打乱了本该出行马尔代夫的计划。
言归正传,去年年末,利用一周多的时间(当然也包括摸鱼时间👀),把我的个人博客进行了升级改版,涉及到风格、功能等。来康康罢~
一、站点风格
设计思想:“简约及完美,万物皆卡片”。
1. 布局
整体结构划分为上下两部分:
- 上:对该界面的介绍、概括及辅助描述等
- 下:分为左、右侧边栏(后续有详细介绍)
以首页为例,上半部分介绍了本站名字、slogon
等,使用亚索作为背景(似不似很酷😍)。底部箭头按钮,点击即可滑动到下半部分。如图:
下半部分划分为左、右侧边栏:
- 左:文章列表、文章详情、友链列表、关于博主、留言信息等(是界面的主体部分)
- 右:包含足各路站点的相关信息等
以首页为例,左侧边栏是文章列表卡片,包括文章标题、分类、标签、发表时间、描述等,右侧边栏是站点信息卡片,包括站点名称、相关统计、社交、公告、站点、标签、热门等。如图:
2. 配置
新增工具栏(右下角),配置项如下:
- 全屏/非全屏
- 点击
全屏
按钮,进入全屏(相当于F11),再次点击,退出全屏
- 点击
- 字体大小修改
- 点击
+
按钮,字体字号增大(最大20px) - 点击
-
按钮,字体字号减小(最小12px)
- 点击
- 黑/白模式
- 点击
小太阳
按钮,切换主题
- 点击
- 单/双栏模式
- 点击
单双栏
按钮,切换内容区域展示,即是否隐藏右侧边栏
- 点击
二、站点功能
- 图片上传使用阿里云
oss
,加快图片访问速度 - 账号注册、改密,使用邮箱验证,更加安全可靠
三、展望
时隔半年,终于又双叒叕打开了自己的博客,感觉空荡荡的,不由想起了当初搭建博客的初衷-记录学习生活中的点滴。
那就给自己定个目标:闲下来就充实自己,鼓捣博客(暂定每月最少一篇原创文章)。
摸鱼这么久,也该收心了,接下来我会不定期发布文章,分享工作、学习中使用到的技术、遇到的问题以及解决的方案。(对于作文水平一直不及格的我来说也算是一个不小的挑战!)
四、总结
这次改版,满分100,我能给到80分,毕竟还有不少潜在的问题。。。你会打多少分?欢迎评论吐槽 👇👇