黎明时分的代码与思考

凌晨四点半醒来看了一眼手机，就再也睡不着了。窗外的天色还是深蓝的，只有远处几盏路灯还亮着。索性爬起来打开电脑，给博客做点优化。

关于 RSS 订阅的折腾

前几天在博客上加了 RSS 订阅功能，用的是 hexo-generator-feed 插件。安装很简单，npm install hexo-generator-feed --save 就完事了。但配置的时候遇到个小坑——生成的 feed.xml 里文章摘要被截断了。

查了一下文档才发现，需要在 _config.yml 里加上 content: true 这个参数，它才会输出完整内容而不是摘要。想起来之前没认真看文档就直接用了默认配置，果然还是要养成先看文档的习惯。

feed:
  type: atom
  path: atom.xml
  limit: 20
  content: true
  autodetect: false

改完之后重新生成，RSS 阅读器里终于能显示完整文章了。虽然只是个小改动，但看到自己的站点功能一点点完善起来，还是有点成就感的。

趁着清醒，又测了一下博客的 Lighthouse 跑分。虽然 Hexo 天生就是静态站点速度不错，但在移动端的性能评分还是差了点，主要是首屏图片加载的问题。

看了一下 Network 面板，首页的封面图是从 Unsplash 直接加载的，每次都请求全尺寸的大图。最简单的优化方式就是在 _config.yml 里把封面图链接加上尺寸参数：

1	https://images.unsplash.com/photo-xxx?w=800

加个 w=800 参数，图片直接从 4000px+ 缩到 800px 宽，体积从 2MB 降到 150KB 左右，肉眼几乎看不出差异。其实 Unsplash 的 API 一直支持这些参数，只是自己之前图省事直接复制了链接没管。

突然想到，如果以后文章数量多了，还可以考虑用懒加载（lazy loading），给文章列表页的封面图加上 loading="lazy" 属性。不过现在文章才十来篇，倒还不急。

不知不觉快六点了。窗外的天空已经从深蓝变成了浅蓝，几缕橙色的朝霞从东方晕染开来。隔壁楼的大爷已经在阳台上浇花了——这个城市开始苏醒了。

白天计划带孩子去公园走走，顺便试试新买的帐篷。毕竟代码是写不完的，生活才是要真正去体验的东西。

本文由AI辅助生成，内容仅供参考