How to quickly use vitepress-theme-ououe as your blog theme
Installation
Since this theme is based on vitepress, you need to install it accordingly
sh
npm i vitepress vitepress-theme-ououesh
pnpm add vitepress vitepress-theme-ououesh
yarn add vitepress vitepress-theme-ououeUsage
- Import the theme
-> .vitepress/theme/index.ts
ts
import Theme from 'vitepress-theme-ououe'
export default Theme- Add the theme configuration file
-> .vitepress/config.ts
ts
import { defineConfigWithTheme } from 'vitepress'
import type { Theme } from 'vitepress-theme-ououe'
export default defineConfigWithTheme<Theme>({
// ...
themeConfig: {
// config
},
})Detailed configuration information
Recommended Directory Structure
+- blog
+- .vitepress
+- theme
+- index.ts
+- config.ts
+- posts
+- one.md
...
+- category.md
+- tag.md
+- index.md
...Among them, posts is the directory mainly for placing articles