新功能添加:首页友链、画廊...【建站笔记】
· 阅读需 3 分钟
网站虽小，功能也挺少哈哈哈~
小站的设计没有什么设计可言，就是想到哪就整到哪，看到别人的功能,如果喜欢的话，就自己实现试试。自己整不了就问AI,问了AI也实现的不好就换个方式，换个方式还不行，那就不整了哈哈哈。
🏠首页
让卡片尽量对齐
之前是让文章卡片根据封面图和文字任意大小的，就会出现有的卡片很长，有的卡片很短，参差不齐的效果。整整齐齐又显得太单调了，所以我想让他尽量对齐。
底部年度进度
人生没有彩排，每一天都是现场直播！
底部随机友链
使用了开源组件，实现随机友链的滚动效果。
底部随机二次元
展示了随机二次元图片，使用了免费的在线API，并且使用了开源组件，给图片增加了一个边框的效果。
底部随机答案之书
使用了https://github.com/vikiboss/60s
这个开源项目中的随机答案之书接口。
🖼画廊页
统计了博客文章中的所有插图，瀑布展示，点击每个插图就可以跳转到对应的博客文章。Docusaurus静态站点做这个还有点麻烦，需要对插图的图片名称进行格式化，才能好区分出是博客的插图还是文档的插图。经过一番折腾，也是有个小成果。戳👉
✏️文章页
增加左侧最近文章
一开始是有的，后来整没了，现在又回来了~
扫码查看
在文章底部的声明小块中，增加了一个二维码，可以实现扫描手机访问了。
发布位置
在文章底部增加了一个小地图，展示文章的发布位置。模糊位置，并不是太准确，坐标通过高德的这个网站获取：
坐标拾取器 | 高德地图API
地图的展示使用了开源组件：🍃 JavaScript library for mobile-friendly interactive maps
一键吐槽
在文章页面的底部中间位置，增加了一个悬浮按钮，可以一键直达评论区，进行疯狂的吐槽。
修改评论区配色
改了改样式，反正比之前的好看点。
其他
- 修改返回顶部按钮的样式，变成了一个小热气球~
- 顶部导航栏增加了博客组织的图标~