vuepress-theme-ououe

# Options

# defaultTheme ^1.3.6

  • Type: string, object
  • Required: false

TIP

By default, light or dark themes are displayed by prefers-color-scheme (opens new window), You can change it by defaultTheme

support light, dark or { theme: [begin hours, end hours] }




 

 

 




 





module.exports = {
  theme: 'ououe',
  themeConfig: {
    defaultTheme: 'dark',
    // or
    defaultTheme: { dark: [18, 6] },
    // or
    defaultTheme: { light: [6, 18], dark: [18, 6] },
  },
  // When using `defaultTheme`, you need to add a postcss plugins to your config.js
  postcss: {
    plugins: [
      require('css-prefers-color-scheme/postcss'),
      require('autoprefixer')
    ]
  }
}

# showThemeButton ^1.3.6

  • Type: boolean
  • Default: true

showThemeButton to control the chose theme button display

TIP

The display of the theme is determined by

botton chose theme -> defaultTheme -> prefers-color-scheme

# cover

  • Type: string, object
  • Default: ''
cover: '/cover.jpg'
// or { base: img, path: img }
cover: {
  base: '/cover.jpg',
  '/posts/': '/posts.jpg'
  // ...
}

Show in the header of the index page

  • Type: string
  • Default: ''
  • Type: boolean
  • Default: true

# backgroundImage ^1.3.4

  • Type: boolean
  • Default: true

background image on posts pages

# pageGroup

  • Type: number
  • Default: 5

Number of pages Pagination

# postTime

  • Type: object
  • Default:
postTime: {
  createTime: 'Create Time',
  lastUpdated: 'Last Updated',
  options: { dateStyle: 'medium' }
}

Time displayed at the bottom of the posts pages

TIP

# createTime / lastUpdated

  • Type: string, boolean(false)
  • Default: Create Time / Last Updated

using false will not display time

# options ^1.4.1

  • Type: object
  • Default: { dateStyle: 'medium' }

Config of format time options (opens new window)

  • Type: array
  • Default: []
nav: [
  { text: 'Home', link: '/' },
  { text: 'Posts', link: '/posts/' },
  { text: 'Tags', link: '/tag/' },
  { text: 'Categories', link: '/category/' },
  { text: 'About', link: '/about/' }
  // ...
]
  • Type: array
  • Default: []
footer: [
  { text: 'link', link: '/' }
  // ...
]

# useVssue ^1.4.1

  • Type: boolean
  • Default: false

Use vssue for comment system

TIP

You must install it before using it

How to use vssue (opens new window)

then, in frontmatter

---
vssue-title: vssue-title
vssue-id: vssue-id
---

# vssue-title

  • Type: string
  • Default: as same as title
  • Required: false

# vssue-id

  • Type: string
  • Required: false

# Other

plugin

←