VuePress TailwindCss Theme Starter

A starter of build VuePress theme with tailwindcss.

VuePress provides a lot of out of the box functionality tools you can use in your custom theme,

Tailwind CSS provides low-level utility-first classes that buiding responsive interfaces quickly.

Now we got the power of VuePress + Tailwind CSS + Vue.js, Let's build a beautiful Website with these powerful tech stacks.

Usage & Development

💡 VuePress requires Node.js >= 8.6.

Clone This Repo

you can clone this repo and rename it.

git clone https://github.com/xiaoluoboding/vuepress-tailwind-theme-starter NEW_THEME_NAME

Installation

yarn
or
npm install

Start Using Theme

yarn dev
or
npm run dev

build to static files

yarn build
or
npm run build

Developing a Plugin

This project is perfert for developing plugins for VuePress / TailwindCss. You can use it as a playground.

I developed two plugins for VuePress:

• VuePress Plugin GeoPattern
• VuePress Plugin HeroPattern

Deploy to vercel

Official Documents

• VuePress
• TailwindCss

License

MIT @xiaoluoboding