字节星球终于全栈上新！
2026-05-13 · Henry
这次把博客全栈翻新了一遍，心情就像给家里换了全新 MacBook Pro 一样，熟悉，但更耀眼了 🤩！
这次把博客全栈翻新了一遍，心情就像给家里换了全新 MacBook Pro 一样，熟悉，但更耀眼了 🤩！ 写代码的这几天很有生活感：早上先看接口返回，下午盯布局细节，晚上再把交互和文案一点点抛光。等页面终于顺起来那一刻，真的会忍不住在工位上小小欢呼一下！每天基本上都是深夜一两点才睡觉，但很舒服！ 至此，我的服务器也再无 PHP 的影子，也算是对一个时代的告别！画了几年的饼也终于完成！ 前台设计语言 这次前台基于 yuelaiengine blog 的能力做了更完整的一体化呈现，不只是能看，而是努力做到好看、好用、好读。 1) 视觉气质：克制里带一点温柔 整体配色走清爽路线，主色稳，强调色轻轻点一下，不会喧宾夺主。 背景不是生硬纯色，而是有轻微层次感的渐变氛围，页面看起来更柔和。 卡片化内容区块更统一，信息边界清晰，阅读时不容易累。 简单说，就是希望它像一张整理好的 上床下桌 ：有重点、有留白，也有一点点可爱的小心思。 对于各位大学生而言，应该懂上床下桌的含金量！ 2) 字体与阅读节奏：看得清，也看得久 标题和正文在字重、层级上更分明，读者一眼能抓到信息主次。 行高、段落间距、卡片内边距都做了统一，长文阅读更顺，不挤。 文章卡片里摘要、标签、元信息（时间/作者/阅读量）排布更整齐，扫读体验更友好。 我自己反复读了几轮，目标很简单：希望每个来访朋友的眼里只有博主所呈现的内容。 3) 信息结构：内容不只一条线 前台不再只是文章列表，而是把博客内容组织成多个生活化入口： 首页推荐 + 常规文章流 分类、标签、归档，方便按主题或时间找内容 说说（轻内容）、相册（图文氛围）、友链（社区连接） 独立页面能力（如关于页、说明页等） 这让博客更像一个有房间感的小站，而不是单页信息堆叠。 4) 交互细节：轻反馈，但不打扰 搜索、抽屉导航、下拉菜单、主题切换都做了更直觉的交互路径。 点赞、评论、目录折叠、复制分享、二维码等常用动作都更容易被发现。 动效以短促和克制为主，给反馈但不抢戏，尽量不打断阅读。 我很喜欢这种页面细腻但不过度设计的感觉，像是很懂分寸的搭档， 在这里吐槽一下有些魔改博客真的很辣眼睛！！！ 5) 多端与主题：白天夜里都舒服 桌面端保留双栏阅读效率，移动端改为更清晰的一栏逻辑。 深色/浅色/跟随系统主题都可用，夜间浏览不会刺眼。 细节上包括滚动条、边框对比、按钮状态，也做了统一处理。 项目架构及能力简要说明 Yuelai Engine 通用开发平台 yuelai engine 是我基于 Golang + Gin + GORM + Casbin + Redis + RabbitMQ + OSS + Vue3/Element Plus 独立开发的全栈平台，核心目标是提供一套可扩展的后台基础能力（认证、权限、菜单、日志、文件、系统管理）并在此基础上 通过插件承载具体业务域 。 基于 Yuelai Engine 的插件式博客程序 这次能做得比较顺，核心基于 yuelai engine + yuelaiengine blog plugin 的全链路能力！ 作为一个从 2017 年开始建设博客的老玩家，深知博客最需要什么功能，以及如何设计其通用扩展能力。 可以很自豪的说，我设计的全作用域自定义字段为博客前台扩展提供了无限可能，从基础的功能，到渐进式定制个性化需求，或许这才是博客爱好者最需要的能力。 无后台 主题耦合，前后台独立部署，使得前端开发者也能在后台架构黑盒下轻松扩展自己的前台功能。 前后端通过 blog 插件 API 对接：文章、分类、标签、评论、相册、友链、说说等能力协同。 自定义字段体系可扩展：站点名、SEO、导航、页脚、主题参数等都可配置。 支持服务端代理与生产部署方案：从本地开发到线上发布路径完整。 提供基于 Nuxt3 SSR 的 SEO 友好、部署链路清晰的默认前台主题：如你现在所见。