将博客样式从Scss转换为TailwindCSS
内容提要
作者计划改变博客样式编写方式，选择使用TailwindCSS预定义样式来实现功能。作者删除原有样式，逐步转换为类属性。读者可报告样式错误。
延伸解读
为何放弃 Sass 转向 TailwindCSS
作者认为 Sass（Scss）如今有些多余，因为 CSS 本身已足够强大，且主流浏览器已支持嵌套样式。他不想维护大型样式文件，只需模板文件即可，因此选择 TailwindCSS。此外，他之前为 yihong 的 running_page 贡献过 TailwindCSS 代码，熟悉其用法，且 Hugo 已实验性支持 TailwindCSS v4（alpha 阶段），这降低了迁移门槛。
迁移过程与潜在风险
作者删除了所有原有样式，然后借助 ChatGPT 逐步将样式转换为类属性，过程复杂且分多个阶段完成。这种激进的重写方式可能导致遗漏，部分样式可能与之前不同或看起来更简单，甚至更差。因此，迁移后需要仔细检查，并欢迎读者报告样式错误，以便改进。
对个人博客的适用性
作者选择 TailwindCSS 是因为它适合个人博客：通过 HTML 标签的 class 属性使用预定义样式，无需维护大型样式文件，只需模板文件（layouts/*）即可。这简化了样式管理，尤其适合像 Hugo 这样的静态站点生成器，但需注意 Hugo 对 TailwindCSS v4 的支持仍处于实验阶段，可能带来稳定性问题。
Q&A
为什么作者选择使用TailwindCSS而不是Sass?
作者认为Sass（Scss）现在有些多余，CSS本身已经足够强大，因此选择使用TailwindCSS的预定义样式。
作者在样式修改过程中遇到了什么挑战?
作者删除了原有样式并逐步转换为类，过程复杂，可能会有遗漏，某些样式可能与之前不同或看起来更简单。
作者希望通过TailwindCSS实现什么功能?
作者希望通过使用TailwindCSS的类属性来实现个人博客所需的功能。
作者对样式迁移的反馈有什么要求?
作者请求读者报告样式错误，以便进行改进。
作者对TailwindCSS的使用经验如何?
作者之前在yihong的running_page项目中贡献过代码，对TailwindCSS的使用比较熟悉。
TailwindCSS的版本支持情况如何?
Hugo开始对TailwindCSS的新版本（v4，当前处于alpha阶段）提供实验性支持。
