Ren
@Ryrenz
🇺🇸 美国全栈程序员 💻
⚙️ 整理小白能懂的优质 AI 教程 📚
📢 持续挖掘实用的 AI 提效方式 🤖
💰 分享我关于投资、副业、职场的思考 🧠
📝 开源我所有的内容创作与 AI 变现经验 📈
가입 March 2025
677 팔로잉 중 10.9K 팬
🫧 想给自己换个有设计感的博客， 这套源码是前端党的宝藏，连文章封面图都不用自己做。
技术栈是 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：
더 보기
