Lektor 💛 Tailwind CSS

一个将Tailwind CSS无缝添加到您的项目的Lektor插件。

入门

1. 将插件添加到您的项目

   $ lektor plugin add lektor-tailwind
   $ lektor plugin list
   

2. 配置您的模板路径

   在 tailwindcss.config.js

   module.exports = {
     // './' refers to the lektor build output directory, NOT the project dir
     content: ['./**/*.html'],
     theme: {
       extend: {},
     },
     plugins: [],
   }
   

3. 将Tailwind指令添加到您的CSS

   在 assets/static/style.css

   @tailwind base;
   @tailwind components;
   @tailwind utilities;
   

4. 启动lektor构建或服务器

   $ lektor build
   $ lektor server
   

您已成功。有关使用Tailwind CSS及其CLI的更多信息，请参阅官方Tailwind文档。

配置

默认情况下，输入CSS文件位于 assets/static/style.css，但可以通过 css_path 插件配置进行更改。