给博客做了一波细节优化,主要两个改动。
商品展示图片缩小
之前商品展示的图片太大了,一个卡片几乎占了半屏。改成了横向小卡片布局:
- 左边 80x80 小正方形图片
- 右边显示平台、价格、标题
- 首页推荐区和商品页都改了
视觉上紧凑多了,一行能看好几个商品。
文章列表排序
文章页 /articles 加了排序按钮:
- ↓ 最新 — 按发布时间倒序(默认)
- ↑ 最早 — 按发布时间正序
默认就是最新在前,点一下切到最早在前。方便从头开始看文章。
其他
顺手修了文章日期显示的 bug — gray-matter 把日期解析成了 Date 对象,显示出来是乱码。统一转成 YYYY-MM-DD 字符串了。
今天从零开始搞了一整天:博客系统 → 域名管理 → 备案管理 → 导航页 → 商品展示 → 绑域名 → HTTPS。挺充实的。