AVATAR

Life is live.

303说说 72文章 35相册 4991留言

收藏足迹

王较瘦的个人主页 运行6444天

老王正在 休息

0 分钟前

运动
今日行走 0 步
0 分钟前

当地时间GMT+8 00:00:00

想放弃了 2026/03/29 王叔书 2 0

好难啊😩!!!

改造 nuxt 的过程远超我的想象,现在凌晨 2 点了,越做越想放弃!深刻理解什么是前后端分离,确实是分离了,后端只负责数据而前端只负责渲染,各司其责,挺好,但我是想把现用主题进行改造,而现用主题被我折腾得乱七八糟,每个页面都有不同的效果,这直接导至改造难度成倍增加!

比如说:首页图片布局与文章内图片布局、相册图片布局这三者完全不同,在比如相册列表又分 1 张图和 4 张图,还有视频又要提取缩略图……真不知道搞那么复杂干嘛!那么 ai 说这么复杂的工程需要后端处理好交给前端渲染,那就从 api 入手,但问题随之而来,改好首页、内页不正常了,改好内页、相册不正常了,那一个 api 不行就两个,最后首页、日志、相册三个页面就分别搞了三个 api,我草!!!

所有的数据都需要 api 的支持,比如各种统计、友链……,要命的是复杂型的诸如评论还完全弄不明白如何交互,当然评论大不了割掉,本来也没开评论,总而言之就是复杂,果然不适合小白,相比较之下感觉还是常规主题方便,想改哪里改哪里,但前后端分离确实加载要快很多呀。

另外 nuxt 在实现一些特效时真的可以用较少的代码实现相同的功能,这一点我很喜欢,模块化也很赞,其实我也做得七七八八了,最主要的三个页面已经完结,但总觉得不太对,说不上来,不知道要不要继续。

2674x1618-3338979891.png1440x803-3621640430.jpg-https://o.oxoo.cc/usr/uploads/2026/03/1440x803-3621640430.jpg-video

现在的主题中对于视频缩略图是各种 if 判断,而通过 api 处理则简单很多,比如增加一个字段构建对象数组,前端轻松就能拿到需要的视频地址和缩略图。

    {
  "status": "success",
  "message": "",
  "data": {
    "title": "小奶狗🐶",
    "cid": 5633,
    "created": 1773455940,
    "authorId": 1,
    "text": "\u003Cp\u003E\u003C!--markdown--\u003E 好可爱的小奶狗🐶,甚是喜爱,被绳子限制了自由,看看那哀怨的小👁️神。\u003C/p\u003E\u003Cp\u003E\u003Cimg src=\"https://o.oxoo.cc/usr/uploads/2026/03/486457747.mp4\" alt=\"1170x662-1122421451.jpg-https://o.oxoo.cc/usr/uploads/2026/03/1170x662-1122421451.jpg-video\" title=\"1170x662-1122421451.jpg-https://o.oxoo.cc/usr/uploads/2026/03/1170x662-1122421451.jpg-video\"\u003E\u003Cimg src=\"https://o.oxoo.cc/usr/uploads/2026/03/4096x3072-1392715874.jpeg\" alt=\"4096x3072-1392715874.jpeg\" title=\"4096x3072-1392715874.jpeg\"\u003E\u003Cbr\u003E\u003Cimg src=\"https://o.oxoo.cc/usr/uploads/2026/03/4096x3072-52995659.jpeg\" alt=\"4096x3072-52995659.jpeg\" title=\"4096x3072-52995659.jpeg\"\u003E\u003Cbr\u003E\u003Cimg src=\"https://o.oxoo.cc/usr/uploads/2026/03/4096x3072-3306076558.jpeg\" alt=\"4096x3072-3306076558.jpeg\" title=\"4096x3072-3306076558.jpeg\"\u003E\u003C/p\u003E",
    "commentsNum": 0,
    "type": "post",
    "slug": "5633",
    "password": null,
    "imgCount": 4,   //增加一个统计数量
    "displayPics": [  //增加一个对象数组
      {
        "url": "https://o.oxoo.cc/usr/uploads/2026/03/486457747.mp4",
        "thumb": "https://o.oxoo.cc/usr/uploads/2026/03/1170x662-1122421451.jpg",
        "type": "video"
      },
      {
        "url": "https://o.oxoo.cc/usr/uploads/2026/03/4096x3072-1392715874.jpeg",
        "thumb": "https://o.oxoo.cc/usr/uploads/2026/03/4096x3072-1392715874.jpeg",
        "type": "image"
      },
      {
        "url": "https://o.oxoo.cc/usr/uploads/2026/03/4096x3072-52995659.jpeg",
        "thumb": "https://o.oxoo.cc/usr/uploads/2026/03/4096x3072-52995659.jpeg",
        "type": "image"
      },
      {
        "url": "https://o.oxoo.cc/usr/uploads/2026/03/4096x3072-3306076558.jpeg",
        "thumb": "https://o.oxoo.cc/usr/uploads/2026/03/4096x3072-3306076558.jpeg",
        "type": "image"
      }
    ],
    "categories": [
      {
        "name": "动态",
        "slug": "wechat"
      }
    ],
    "category": "wechat",
    "author": "王叔书"
  }
}

很方便,很喜欢,先这样吧,信心受到打击了👊

「此时无声胜有声」

留言