Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/Atinux/content-wind

A lightweight Nuxt theme to build a Markdown driven website. Powered by Nuxt Content, TailwindCSS and Iconify.
https://github.com/Atinux/content-wind

nuxt nuxt-content nuxt-theme

Last synced: about 1 month ago
JSON representation

A lightweight Nuxt theme to build a Markdown driven website. Powered by Nuxt Content, TailwindCSS and Iconify.

Awesome Lists containing this project

README

        

[![Content Wind](https://content-wind.nuxt.space/cover.jpg)](https://content-wind.nuxt.space)

# Content Wind

[![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](https://content.nuxtjs.org), [TailwindCSS](https://tailwindcss.com), [Iconify](https://iconify.design) and [Vue components](https://vuejs.org).

- ๐Ÿ“–ย  [Demo & Docs](https://content-wind.nuxt.space)
- ๐Ÿ•นย  [Play online](https://githubblitz.com/Atinux/content-wind/tree/main/.demo)
- ๐Ÿ‘€ย  [Demo video](https://twitter.com/Atinux/status/1578505586979012608)

## Features

- Create pages in Markdown in the `content/` directory
- Use [Nuxt layouts](https://nuxt.com/docs/guide/directory-structure/layouts) in your Markdown pages
- Enjoy meta tag generation from Markdown files
- Configurable prose components with [Nuxt Typography](https://typography.nuxt.space)
- 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](https://shiki.matsu.io)
- 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](https://nuxt.studio)

## Get started

### Local

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

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

### Online

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

## License ๐Ÿ“Ž

[MIT License](./LICENSE)

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

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

[license-src]: https://img.shields.io/github/license/Atinux/content-wind.svg?style=flat&colorA=18181B&colorB=28CF8D
[license-href]: https://github.com/Atinux/content-wind/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/Atinux/content-wind-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-wind

[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/Atinux/content-wind?utm_source=readme_atinux_content_wind