这次把博客全栈翻新了一遍，心情就像给家里换了全新 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 友好、部署链路清晰的默认前台主题：如你现在所见。