← 全部文章

博客又更新了:商品展示优化和文章排序

📖 1 分钟 · 343 字

给博客做了一波细节优化,主要两个改动。

商品展示图片缩小

之前商品展示的图片太大了,一个卡片几乎占了半屏。改成了横向小卡片布局:

  • 左边 80x80 小正方形图片
  • 右边显示平台、价格、标题
  • 首页推荐区和商品页都改了

视觉上紧凑多了,一行能看好几个商品。

文章列表排序

文章页 /articles 加了排序按钮:

  • ↓ 最新 — 按发布时间倒序(默认)
  • ↑ 最早 — 按发布时间正序

默认就是最新在前,点一下切到最早在前。方便从头开始看文章。

其他

顺手修了文章日期显示的 bug — gray-matter 把日期解析成了 Date 对象,显示出来是乱码。统一转成 YYYY-MM-DD 字符串了。


今天从零开始搞了一整天:博客系统 → 域名管理 → 备案管理 → 导航页 → 商品展示 → 绑域名 → HTTPS。挺充实的。