基于daisyUI Tailwind CSS做了一个博客主题

J.sky
碎言博客
2023/6/16

花了几个小时基于daisyUI Tailwind CSS做了一个博客主题,很早就想把博客的样式换成基于Tailwind CSS为基础框架的,今天终于实现了。

一些收获

只需书写 HTML 代码,无需书写 CSS,即可快速构建美观的网站。----Tailwind CSS

Tailwind CSS确实好用,如果你是那种对css有点一知半解,但又不是很深入研究的人,那么你使用Tailwind CSS会极大的提高你的开发效率,减少开发中对css编写的错误。之前没有使用是因为没有找到一个纯粹的CSS框架,大部分都是结余react和Vue封装的前端框架,而我只想使用一个Tailwind CSS封装的CSS组件框架,官方推荐的收费,免费的没有几个组件,而且都是模板,使用起来不太方便。

daisyUI正好满足了我的需求,daisyUI的有点就是,主题很多,一键切换,这点太方便了!还可以自定义主题。自带的组件,对于一个blog来说,足够用了。

缺点和不足

daisyUI的组件兼容性还是不行,有些组件还有明显的BUG,比如抽屉组件就有个很明显的BUG,不会自动展开抽屉,只能点击按钮打开,虽然官方自己用的解决了,但是文档里提供的代码却是有问题的,我怀疑官方使用的打包编译版,我复制了他们网站上的代码使用,发现没有问题的。还有就是弹出菜单在Apple手机的iOS浏览器上可以弹出,但不能收缩回去。这些bug也不知道什么时候能修复。

总结

虽然问题是有的,但是总体来说,使用这些组件和编写好的CSS样式,真是极大的提高了开发效率,感兴趣的朋友可以试试。