基于daisyUI Tailwind CSS做了一个博客主题
花了几个小时基于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样式,真是极大的提高了开发效率,感兴趣的朋友可以试试。
标签: 碎言博客
相关文章
- 为博客添加了一个小功能「片语」
- 博客程序重构回忆录
- 写在岁末:别了2024混混沌沌的一年
- 把博客从GitHub迁移到到了vercel
- 虽然只有我自己在用,但还是更新了碎言博客的源代码,
- 仅用了几个小时就使用next.js重构博客的所有功能
- 关于使用Next.js重构博客构思的记录
- 速度与优雅:博客性能优化之旅
- 久了,博客主题就会一直做减法
- 从一次浏览器兼容问题到何不放过自己做个快乐的博主
- 使用Python编写并部署个人静态博客:(五)Python异步输出博文页面
- 使用Python编写并部署个人静态博客:(四)逐步输出静态页面
- 使用Python编写并部署个人静态博客:(三)搜集博客数据
- coding_blog 碎言静态博客主题
- simple_blog 碎言静态博客主题
- 使用Python编写并部署个人静态博客:(二)实现静态页面的输出
- 使用Python编写并部署个人静态博客:(一)分析与设计
- free_blog 碎言静态博客主题
- 使用碎言静态博客依托码云Pages搭建自己的免费博客
- 今天是个好日子发行了碎言静态博客的功能完整版