如何使用Zola和Tailwind构建博客

2024-12-0827 mins readfrontendtutorial

安装依赖

bash

loading...

初始化zola

bash

loading...

详见 zola

配置tailwindcss

根目录创建 tailwind.config.js 文件

js

loading...

在static中创建 styles/main.css 文件

css

loading...

base.html中引入 tailwindcss.css(tailwindcss编译后产物) 复制时删除反斜杠

html

loading...

启动serve

可以直接在两个终端分别运行

bash

loading...

bash

loading...

或者创建 serve.py 文件

python

loading...

运行 python serve.py

构建

bash

loading...

部署到vercel

根目录创建 vercel.json 文件

json

loading...

gitignore 参考

text

loading...

--- 评论区施工中🚧 ---

CC BY-NC-SA 4.0