Ripple's blog
·
全新个人网站 Gamer 即将上线
💡
原文中文，约2900字，阅读约需7分钟。
📝
内容提要
博主在使用WordPress四年后，决定自建博客Gamer，采用Nextjs和Supabase，注重游戏元素和交互设计。新网站支持日夜间模式、国际化和字体切换，旨在提升可读性和加载速度，仍在开发中，欢迎用户反馈。
🎯
关键要点
-
博主在使用WordPress四年后，决定自建博客Gamer，采用Nextjs和Supabase。
-
新网站注重游戏元素和交互设计，支持日夜间模式、国际化和字体切换。
-
Gamer的前端框架是Nextjs，后端为Supabase，部署在Vercel。
-
使用Supabase简化了后端服务的搭建，不需要复杂的配置和编程。
-
网站设计灵感来源于游戏，首页有交互元素如浮现的大师剑。
-
Gamer包含隐藏彩蛋和小游戏，鼓励用户探索。
-
社群功能改名为“社群”，通过互动评论评定Rank等级。
-
开发过程中设定了设计一致性、载入速度和可读性三个目标。
-
网站支持字体切换功能，以提高可读性。
-
日夜间模式设计考虑了用户体验，提供两套主题颜色。
-
国际化功能通过Nextjs的路由系统实现，支持中日语切换。
-
新网站仍在开发中，欢迎用户反馈，未来将开源。
❓
延伸问答
Gamer网站使用了哪些技术栈？
Gamer网站的前端框架是Nextjs，后端使用Supabase，部署在Vercel。
Gamer网站有哪些用户交互设计元素？
Gamer网站注重游戏元素，首页有浮现的大师剑和隐藏彩蛋，鼓励用户探索。
Gamer网站如何实现日夜间模式？
Gamer网站设计了两套主题颜色，日间模式和夜间模式，用户可以通过可拖拽的工具栏切换。
Gamer网站的国际化功能是如何实现的？
Gamer网站通过Nextjs的路由系统实现国际化，支持中日语切换。
Gamer网站的开发目标是什么？
开发目标包括一致的设计风格、载入速度和可读性。
Gamer网站的社群功能有什么特点？
社群功能通过互动评论评定Rank等级，鼓励用户互相访问对方的网站。
➡️
