Uroboros

技术 · TECH2026.08.13
30 次阅读

给博客添加一个封面生成器

写博客时每次都要找很久的封面,不如自己来写一个简单的封面生成器

   写博客最麻烦的一点莫过于找一个合适的封面了,上传封面还面临文件大小过大,导致页面加载慢的问题,因为没有使用s3文件存储这类东西,也不想增加后端代码的复杂度,我最开始想到的是上传完图片后把图片的大小显示出来,在限定一个合适的文件大小的情况下,人为来控制文件大小。

https://static.ua42.com/blog/article/W3lAGiLTQWlc3LIduSLij.png

    后面又感觉不如一步到位,做一个简单的封面生成器,反正逻辑是很简单的,无非是先上传一张图片,添加一个input来输入文字,改改颜色和文字大小,最后截图上传,其实有很多CMS系统已经接入了ai,可以通过ai来生成图片,slug什么的,但我不想我的博客搞得那么复杂,依赖少一些,快一些就好,目前第一版就做简单点,后面有自定义的需求另说,比如可以引入cropper.js裁剪背景,引入取色器,富文本编辑器之类的。

https://static.ua42.com/blog/article/XofxcaTE0Iz44PTtaITgA.png

   目前博客的内容不是很多,接口性能和博客的访问性能都还行,因为数据量不大,很多接口都统计不到响应时长,因为我数据库存的最小的单位是毫秒,目前就没有优化的必要了。https://static.ua42.com/blog/article/jKTX6G9WCgJOYXcqlbsuX.png

网站性能

开发React