Hugo 主题
hugo-theme-island
又一个 Hugo 主题，基于 Tailwind CSS v4。
Hugo-Theme-Island
基于 Tailwind CSS 4.0，正在开发中。
开发
只需检查 package.json 并安装软件包。
使用两个控制台运行以下命令以启动开发服务器
npm run watch-css
npm run hugo
每次代码更改后可能需要刷新页面。
[!NOTE] 请记住运行
npm run build以生成 main.css 并将其提交到 GitHub。
为什么不使用 Hugo 内置的 css.TailwindCSS 功能？
作为一个发布的主题，我认为 css 不应该在每次构建站点时都构建，并且用户不必安装 node_modules。因此，让我们简单地提交生成的 assets/css/main.css 并直接从布局加载它。
要生成 main.css 文件，将调用 npx @tailwindcss/cli -i assets/css/tailwind.css -o assets/css/main.css。对于开发，npx @tailwindcss/cli -i assets/css/tailwind.css -o assets/css/main.css -w（“-w”）非常方便。