Quick Start

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

npm i vitepress vitepress-theme-ououe

pnpm add vitepress vitepress-theme-ououe

yarn add vitepress vitepress-theme-ououe

Usage ​

1. Import the theme

-> .vitepress/theme/index.ts

import Theme from 'vitepress-theme-ououe'

export default Theme

2. Add the theme configuration file

-> .vitepress/config.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