如何使用 Tailwindcss 和 Tailblocks 快速搭建网站

我最近发现了这个工具，可以让我快速搭建自己的网站。希望它能帮到你。

Tailwindcss 是什么

Tailwindcss是一个基于实用工具的 CSS 框架，可用于快速开发，在某些情况下非常有用。我自己的网站完全基于 Tailwindcss 构建，因此我强烈推荐它给你。

尾块

Tailblocks是一款非常简单的工具，它为您提供现成的 Tailwindcss 块。它包含构建出色网站所需的大部分块，包括导航栏、首页和页脚。

如何使用

像下面这样设置你的 html 文档

<iDOCTYPE html>
<html>
<head>
<meta name="viewport"  content="width=device-width, initial-scale=1.0">
<title>Your title</title>
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">

前往尾部障碍物
挑选一个你喜欢的方块。
单击“<>查看代码”按钮。
复制代码。
将其粘贴到 html 文档中，瞧🤯
使用任意数量的块重复该过程👍。

感谢阅读。如果你喜欢这篇文章，可以请我喝杯咖啡！

文章来源：https://dev.to/sidcraftscode/how-to-quickly-build-a-website-using-tailwindcss-and-tailblocks-k22