网站虽小，功能也挺少哈哈哈~

小站的设计没有什么设计可言，就是想到哪就整到哪，看到别人的功能,如果喜欢的话，就自己实现试试。自己整不了就问AI,问了AI也实现的不好就换个方式，换个方式还不行，那就不整了哈哈哈。

🏠首页​

让卡片尽量对齐​

之前是让文章卡片根据封面图和文字任意大小的，就会出现有的卡片很长，有的卡片很短，参差不齐的效果。整整齐齐又显得太单调了，所以我想让他尽量对齐。

底部年度进度​

人生没有彩排，每一天都是现场直播！

底部随机友链​

使用了开源组件，实现随机友链的滚动效果。

底部随机二次元​

展示了随机二次元图片，使用了免费的在线API，并且使用了开源组件，给图片增加了一个边框的效果。

底部随机答案之书​

使用了https://github.com/vikiboss/60s

这个开源项目中的随机答案之书接口。

🖼画廊页​

统计了博客文章中的所有插图，瀑布展示，点击每个插图就可以跳转到对应的博客文章。Docusaurus静态站点做这个还有点麻烦，需要对插图的图片名称进行格式化，才能好区分出是博客的插图还是文档的插图。经过一番折腾，也是有个小成果。戳👉

✏️文章页​

增加左侧最近文章​

一开始是有的，后来整没了，现在又回来了~

扫码查看​

在文章底部的声明小块中，增加了一个二维码，可以实现扫描手机访问了。

发布位置​

在文章底部增加了一个小地图，展示文章的发布位置。模糊位置，并不是太准确，坐标通过高德的这个网站获取：坐标拾取器 | 高德地图API

地图的展示使用了开源组件：🍃 JavaScript library for mobile-friendly interactive maps

一键吐槽​

在文章页面的底部中间位置，增加了一个悬浮按钮，可以一键直达评论区，进行疯狂的吐槽。

修改评论区配色​

改了改样式，反正比之前的好看点。

其他​

• 修改返回顶部按钮的样式，变成了一个小热气球~
• 顶部导航栏增加了博客组织的图标~