Ren(@Ryrenz):🫧 想给自己换个有设计感的博客，https://t.co/dxT49zVgk4 这套源码是前端党的宝藏，连文章封面图都不用自己做。技术栈是 Next.js 14 的 App Router 配 React 18 和 TypeScript，文章用 MDX 写，样式走 Tailwind，格式化交给 Biome，部署在 Vercel 上。本地跑起来不需要任何环境变量，Node 20 以上加一个 Bun 就够了。自己折腾博客的人大概都卡在同样两件事上：主题挑了一圈都差点意思，改到一半就放弃；真开始写了，每篇还得去找配图、裁封面，写字十分钟、配图半小时。 https://t.co/dxT49zVgk4 把后面那件事直接取消了。封面图不是手动上传的，而是由标题通过 lib/contour.ts 里的算法现算出来，标题定了封面就有了，整站视觉也因此天然统一。主题是深色编辑风格，正文用 Geist Sans、代码用 Geist Mono，控件做成了液态玻璃质感的圆形按钮，标签是磨砂玻璃效果。目录导航的几何标记参考了 ncdai 的 LineNav，components 下还有四个 ASCII 动效，donut、flow、plasma、tunnel，从 cobanov/soft-club-ui 移植过来之后按本站配色做了单色化处理。文章按 slug 放在固定目录下，加一篇就是加一个 MDX 文件。有一点要说清楚：代码是 MIT，但博客里的文章和图片作者保留所有权利，拿来当壳子可以，内容别顺手搬走。博客这东西，门槛从来不是写，是维护成本。 GitHub：

2026.10.02 14:40

🫧 想给自己换个有设计感的博客，这套源码是前端党的宝藏，连文章封面图都不用自己做。技术栈是 Next.js 14 的 App Router 配 React 18 和 TypeScript，文章用 MDX 写，样式走 Tailwind，格式化交给 Biome，部署在 Vercel 上。本地跑起来不需要任何环境变量，Node 20 以上加一个 Bun 就够了。自己折腾博客的人大概都卡在同样两件事上：主题挑了一圈都差点意思，改到一半就放弃；真开始写了，每篇还得去找配图、裁封面，写字十分钟、配图半小时。把后面那件事直接取消了。封面图不是手动上传的，而是由标题通过 lib/contour.ts 里的算法现算出来，标题定了封面就有了，整站视觉也因此天然统一。主题是深色编辑风格，正文用 Geist Sans、代码用 Geist Mono，控件做成了液态玻璃质感的圆形按钮，标签是磨砂玻璃效果。目录导航的几何标记参考了 ncdai 的 LineNav，components 下还有四个 ASCII 动效，donut、flow、plasma、tunnel，从 cobanov/soft-club-ui 移植过来之后按本站配色做了单色化处理。文章按 slug 放在固定目录下，加一篇就是加一个 MDX 文件。有一点要说清楚：代码是 MIT，但博客里的文章和图片作者保留所有权利，拿来当壳子可以，内容别顺手搬走。博客这东西，门槛从来不是写，是维护成本。 GitHub：

显示更多