4日前
动态配色方案:在 Next.js 中实现 Shadcn UI 主题色切换
这篇文章介绍了如何在Next.js应用中实现动态主题色切换系统,以满足用户多样化的审美需求。文章首先提出了使用CSS自定义属性(CSS Variables)结合Shadcn UI设计系统架构来构建支持多套预设配色方案的主题切换方案。接着,推荐了TweakCN作为强大的主题编辑与生成工具,并详细说明了从选择配色方案到生成和导入CSS变量的步骤。此外,还通过zustand状态管理库保存和切换主题色状态,并提供了具体的代码示例,包括创建主题配色枚举、初始化主题色函数及创建主题切换按钮等。最后,展示了效果预览并总结了该方案的优势。
6日前
2025年度报告:普通人的变与不变
这篇文章介绍了作者在过去一年的生活、感情和工作情况。在生活方面,作者因患克罗恩病经历了长时间的治疗和手术,深刻体会到健康的重要性。感情方面,作者反思了现代社会中婚姻带来的经济压力和个人选择的问题。工作上,作者对当前的工作状态感到满意,能够平衡工作与个人生活。最后,作者表达了对未来生活的美好愿望,并强调了保持健康的至关重要性。
1周前
不只是作品集:用 Next.js 打造我的数字作品库
这篇文章介绍了作者使用Next.js和Shadcn UI构建的一个个人作品信息展示模板。该模板设计简洁且结构清晰,适合直接使用或作为学习参考。作者在原有基础上进行了个性化调整,增加了交互细节和动画效果。文章还强调了开发者拥有一个统一技术身份的重要性,并详细列出了项目的技术栈、特性和环境变量配置,最后提供了在线预览链接和GitHub地址。