TailBliss

TailBliss 是一个使用 Tailwind CSS 3.2 和 Alpine.js 并带有亮/暗模式的 Hugo 启动器。

查看演示 · 报告错误 · 请求功能 · 提问

使用以下命令安装到 VS Code
git clone git@github.com:nusserstudios/tailbliss your-name

使用 NPM 安装

npm install

使用 Yarn 安装

yarn

开始开发

使用 NPM 开发

npm run start

使用 Yarn 开发

yarn start

生成站点 HTML

使用 NPM 构建

npm run build

使用 Yarn 构建

yarn build

npm run start 将并行运行两个命令
npx tailwindcss -i ./assets/css/main.css -o ./assets/css/style.css --watch

具有分页的类别和标签。 Markdown 文件会自动将放入 /assets 文件夹的图像转换为 .webp 图像。

也适用于 webp 的图像短代码。

{{< imgc src=“img-name.jpg” alt=“在此处放置替代文本。” >}}

表单

要使用表单，请访问 FormSubmit.Co。在“content/contact.md”中找到联系表单，并使用您想要的电子邮件地址更新表单操作，此行：action=“https://formsubmit.co/your@email.com" method=“POST”

鸣谢

4044ever - 原始主题 https://github.com/4044ever/Hugo-Tailwind-3.0.git

Jan Heise - Alpine.js 导航栏 https://github.com/jan-heise/responsive-navbar-with-dropdown

由 NusserStudios 用 ❤️ 为 Hacktoberfest 制作。

另请参阅

• Paige
• PolyRhythmic
• Lightbi
• 简介
• Calligraphy