将博客样式从Scss转换为TailwindCSS
💡
原文英文,约300词,阅读约需1分钟。
📝
内容提要
作者计划改变博客样式编写方式,选择使用TailwindCSS预定义样式来实现功能。作者删除原有样式,逐步转换为类属性。读者可报告样式错误。
🎯
关键要点
- 作者计划改变博客样式编写方式,选择使用TailwindCSS预定义样式。
- 作者认为Sass(Scss)现在有些多余,CSS本身已经足够强大。
- 作者希望通过类属性使用TailwindCSS来实现所需功能,适合个人博客。
- 作者不想维护大型样式文件,只需模板文件即可,因此选择了TailwindCSS。
- 选择TailwindCSS的原因包括之前的使用经验和Hugo对新版本的实验性支持。
- 样式修改过程复杂,作者删除了原有样式并逐步转换为类,借助ChatGPT完成。
- 迁移过程中可能会有遗漏,某些样式可能与之前不同或看起来更简单。
- 作者请求读者报告样式错误,以便进行改进。
❓
延伸问答
为什么作者选择使用TailwindCSS而不是Sass?
作者认为Sass(Scss)现在有些多余,CSS本身已经足够强大,因此选择使用TailwindCSS的预定义样式。
作者在样式修改过程中遇到了什么挑战?
作者删除了原有样式并逐步转换为类,过程复杂,可能会有遗漏,某些样式可能与之前不同或看起来更简单。
作者希望通过TailwindCSS实现什么功能?
作者希望通过使用TailwindCSS的类属性来实现个人博客所需的功能。
作者对样式迁移的反馈有什么要求?
作者请求读者报告样式错误,以便进行改进。
作者对TailwindCSS的使用经验如何?
作者之前在yihong的running_page项目中贡献过代码,对TailwindCSS的使用比较熟悉。
TailwindCSS的版本支持情况如何?
Hugo开始对TailwindCSS的新版本(v4,当前处于alpha阶段)提供实验性支持。
➡️