Overview
The UnoCss is a personal website theme powered by Nuxt Content, UnoCss, Iconify, and Vue components. It provides a simple and stylish design for personal websites. With features like Markdown page creation, Nuxt layouts integration, meta tag generation, navigation generation, Light & Dark mode switching, access to a large collection of icons, code block highlighting, and Vue component integration, the UnoCss theme offers a comprehensive set of tools for creating and customizing personal websites.
Features
- Create pages in Markdown in the content/ directory.
- Use Nuxt layouts in your Markdown pages.
- Enjoy meta tag generation from Markdown files.
- Generated navigation based on your pages.
- Switch between Light & Dark mode.
- Access 100,000 icons from 100+ icon sets with the
<Icon>component. - Highlight code blocks with Shiki.
- Create Vue components in components/content/ and use them in your Markdown.
Installation
To install the UnoCss theme, follow these steps:
- Duplicate the GitHub template: elonehoo/content-unocss-template
- License: MIT License
Summary
The UnoCss theme is a powerful personal website theme that provides a wide range of features for creating and customizing personal websites. With its simple and stylish design, support for Markdown, Nuxt layouts, meta tag generation, navigation generation, Light & Dark mode switching, access to a large collection of icons, and code block highlighting, the UnoCss theme offers a complete solution for personal website development.