Ripple's blog
·
全新个人网站 Gamer 即将上线
内容提要
博主在使用WordPress四年后，决定自建博客Gamer，采用Nextjs和Supabase，注重游戏元素和交互设计。新网站支持日夜间模式、国际化和字体切换，旨在提升可读性和加载速度，仍在开发中，欢迎用户反馈。
关键要点
-
博主在使用WordPress四年后，决定自建博客Gamer，采用Nextjs和Supabase。
-
新网站注重游戏元素和交互设计，支持日夜间模式、国际化和字体切换。
-
Gamer的前端框架是Nextjs，后端为Supabase，部署在Vercel。
-
使用Supabase简化了后端服务的搭建，不需要复杂的配置和编程。
-
网站设计灵感来源于游戏，首页有交互元素如浮现的大师剑。
-
Gamer包含隐藏彩蛋和小游戏，鼓励用户探索。
-
社群功能改名为“社群”，通过互动评论评定Rank等级。
-
开发过程中设定了设计一致性、载入速度和可读性三个目标。
-
网站支持字体切换功能，以提高可读性。
-
日夜间模式设计考虑了用户体验，提供两套主题颜色。
-
国际化功能通过Nextjs的路由系统实现，支持中日语切换。
-
新网站仍在开发中，欢迎用户反馈，未来将开源。
延伸解读
技术选择的优势
博主选择Nextjs和Supabase作为新网站的技术栈，显著简化了开发流程。Nextjs提供了高效的前端开发体验，而Supabase则让后端服务的搭建变得轻松，无需复杂的配置。这种选择不仅提升了开发效率，也为未来的功能扩展打下了良好基础。
用户体验的重视
Gamer网站在设计上注重用户体验，特别是日夜间模式和字体切换功能。这些设计考虑到不同用户的需求，提升了可读性和舒适度。博主在开发过程中明确了设计一致性、加载速度和可读性三个目标，确保网站在视觉和功能上的平衡。
社群互动的新尝试
Gamer将友链功能改名为“社群”，并引入Rank等级评定机制，鼓励用户互动。这种设计不仅增强了用户之间的联系，也为网站增加了趣味性和探索性，吸引用户积极参与，提升了网站的活跃度。
延伸问答
Gamer网站使用了哪些技术栈？
Gamer网站的前端框架是Nextjs，后端使用Supabase，部署在Vercel。
Gamer网站有哪些用户交互设计元素？
Gamer网站注重游戏元素，首页有浮现的大师剑和隐藏彩蛋，鼓励用户探索。
Gamer网站如何实现日夜间模式？
Gamer网站设计了两套主题颜色，日间模式和夜间模式，用户可以通过可拖拽的工具栏切换。
Gamer网站的国际化功能是如何实现的？
Gamer网站通过Nextjs的路由系统实现国际化，支持中日语切换。
Gamer网站的开发目标是什么？
开发目标包括一致的设计风格、载入速度和可读性。
Gamer网站的社群功能有什么特点？
社群功能通过互动评论评定Rank等级，鼓励用户互相访问对方的网站。
