惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

MongoDB | Blog
MongoDB | Blog
大猫的无限游戏
大猫的无限游戏
H
Help Net Security
V
Visual Studio Blog
G
Google Developers Blog
Blog — PlanetScale
Blog — PlanetScale
Last Week in AI
Last Week in AI
C
Check Point Blog
D
Docker
M
MIT News - Artificial intelligence
P
Proofpoint News Feed
博客园 - 叶小钗
博客园 - 聂微东
The Cloudflare Blog
云风的 BLOG
云风的 BLOG
Martin Fowler
Martin Fowler
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
酷 壳 – CoolShell
酷 壳 – CoolShell
MyScale Blog
MyScale Blog
WordPress大学
WordPress大学
Engineering at Meta
Engineering at Meta
腾讯CDC
S
SegmentFault 最新的问题
博客园 - 【当耐特】

碎言

不懂就别瞎掰掰:【程序员的常识】写的什么玩意? AI 辅助编程下的程序设计与代码编写 使用 Next.js 和 Tailwind CSS 构建可编辑和删除的 ToDo 待办事项应用 探索编程新境界:MarsCode 助你一臂之力 使用 Next.js 和 Tailwind CSS 搭建静态图片展示站点并部署到 Vercel AI 辅助编程:免费工具的优缺点及官网一览 GitHub push更新总是失败,写个python脚本解决 把博客从GitHub迁移到到了vercel ComfyUI 和 Flux.1 安装与使用教程 Flux.1 入门必知:硬件、环境、模型 Git项目的子文件夹中的内容无法同步到远程仓库的解决方法 blender流体Fluid使用中没有流体、流体穿模等一些问题的解决方法 博客聚合网站:积薪,竟然关闭了! blender日常使用中的一些技巧 虽然只有我自己在用,但还是更新了碎言博客的源代码, 与其在迷茫中困惑,不如在努力中前进 差点忘了我还有一个博客... 秧歌、博客和AI 终于熬到了新手上路 好久没有更新博客了。。。 老妈大腿骨骨折,最近一直在医院护理 Hello, September! Ubuntu开机自动启动Docker容器运行WordPress Docker 简单快速安装部署WordPress Docker下安装MySQL 加碘盐能防核辐射的话,还怕什么核战争? shields.io 一个简洁、一致、清晰的徽章 Ubuntu下使用root登录ssh的设置 GitHub Actions 构建、部署 Next.js项目 我又用回了"IE"--edge
基于daisyUI Tailwind CSS做了一个博客主题
J.sky · 2023-06-16 · via 碎言

花了几个小时基于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样式,真是极大的提高了开发效率,感兴趣的朋友可以试试。