Content Windi Unocss

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]
[![Nuxt Studio][nuxt-studio-src]][nuxt-studio-href]
[![Volta][volta-src]][volta-href]

A personal website theme powered by Nuxt Content, TailwindCSS, Iconify and Vue components.

- 📖  Demo & Docs
- 🕹  Play online
- 👀  Demo video

Features

- Create pages in Markdown in the content/ directory
- Use Nuxt layouts in your Markdown pages
- Enjoy meta tag generation from Markdown files
- Configurable prose components with Nuxt Typography
- Generated navigation based on your pages
- Switch between Light & Dark mode :moon:
- Access 100,000 icons from 100+ icon sets with the component
- Highlight code blocks with Shiki
- Create Vue components and use them in Markdown
- Deploy on any Node or Static hosting: GH Pages, Vercel, Netlify, Heroku, etc.
- Live edit on Nuxt Studio

Get started

$3

``bash
npx nuxi@latest init -t themes/content-windi-unocss my-website
``

Then follow the instructions and you are ready to go :rocket:

$3

Get started online on https://nuxt.studio/themes/content-windi-unocss

License 📎

MIT License

[npm-version-src]: https://img.shields.io/npm/v/content-windi-unocss/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-version-href]: https://npmjs.com/package/content-windi-unocss

[npm-downloads-src]: https://img.shields.io/npm/dt/content-windi-unocss.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-downloads-href]: https://npmjs.com/package/content-windi-unocss

[license-src]: https://img.shields.io/github/license/khaledOghli/content-windi-unocss.svg?style=flat&colorA=18181B&colorB=28CF8D
[license-href]: https://github.com/khaledOghli/content-windi-unocss/blob/main/LICENSE

[use-template-src]: https://img.shields.io/badge/⚡️-Use%20this%20template-28CF8D?style=flat&colorA=18181B&colorB=28CF8D
[use-template-href]: https://github.com/khaledOghli/content-windi-unocss-template/generate

[nuxt-studio-src]: https://img.shields.io/badge/Open%20in%20Nuxt%20Studio-18181B?&logo=nuxt.js&logoColor=3BB5EC
[nuxt-studio-href]: https://nuxt.studio/templates/content-windi-unocss

[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?&logo=nuxt.js
[nuxt-href]: https://nuxt.com

[volta-src]: https://user-images.githubusercontent.com/904724/209143798-32345f6c-3cf8-4e06-9659-f4ace4a6acde.svg
[volta-href]: https://volta.net/khaledOghli/content-windi-unocss?utm_source=readme_khaledOghli_content_wind