足各路的博客v2.0，正式上线！

足各路的博客 v2.0 正式上线！全新的界面、全新的体验！以 lol 英雄为背景，搭配卡片式风格，完成改版搭建。

想必大家和我一样，人在公司，心早已飞去安排五一小长假了。遗憾的是北京的疫情再次爆发，打乱了本该出行马尔代夫的计划。

言归正传，去年年末，利用一周多的时间（当然也包括摸鱼时间 👀），把我的个人博客进行了升级改版，涉及到风格、功能等。来康康罢~

一、站点风格

设计思想：“简约及完美，万物皆卡片”。

1. 布局

整体结构划分为上下两部分：

• 上：对该界面的介绍、概括及辅助描述等
• 下：分为左、右侧边栏（后续有详细介绍）

以首页为例，上半部分介绍了本站名字、slogon等，使用亚索作为背景（似不似很酷 😍）。底部箭头按钮，点击即可滑动到下半部分。如图:

下半部分划分为左、右侧边栏：

• 左：文章列表、文章详情、友链列表、关于博主、留言信息等（是界面的主体部分）
• 右：包含足各路站点的相关信息等

以首页为例，左侧边栏是文章列表卡片，包括文章标题、分类、标签、发表时间、描述等，右侧边栏是站点信息卡片，包括站点名称、相关统计、社交、公告、站点、标签、热门等。如图：

2. 配置

新增工具栏（右下角），配置项如下：

• 全屏/非全屏
  • 点击全屏按钮，进入全屏（相当于 F11），再次点击，退出全屏
• 字体大小修改
  • 点击+按钮，字体字号增大（最大 20px）
  • 点击-按钮，字体字号减小（最小 12px）
• 黑/白模式
  • 点击小太阳按钮，切换主题
• 单/双栏模式
  • 点击单双栏按钮，切换内容区域展示，即是否隐藏右侧边栏

二、站点功能

• 图片上传使用阿里云oss，加快图片访问速度
• 账号注册、改密，使用邮箱验证，更加安全可靠

三、展望

时隔半年，终于又双叒叕打开了自己的博客，感觉空荡荡的，不由想起了当初搭建博客的初衷-记录学习生活中的点滴。

那就给自己定个目标：闲下来就充实自己，鼓捣博客（暂定每月最少一篇原创文章）。 摸鱼这么久，也该收心了，接下来我会不定期发布文章，分享工作、学习中使用到的技术、遇到的问题以及解决的方案。（对于作文水平一直不及格的我来说也算是一个不小的挑战！）

四、总结

这次改版，满分 100，我能给到 80 分，毕竟还有不少潜在的问题。。。你会打多少分？欢迎评论吐槽 👇👇

本文首发于足各路的博客，后续会同步更新到掘金、知乎、CSDN。关注足各路、前端不迷路！