vuepress-theme-ououe

# 主题配置

# defaultTheme ^1.3.6

  • 类型: string, object
  • 可省略

提示

默认情况下，显示 浅色 或者 深色 主题由 prefers-color-scheme (opens new window) 决定。通过使用 defaultTheme 可以设置一个默认值

支持 light, dark 或者 { theme: [begin hours, end hours] }




 

 

 




 





module.exports = {
  theme: 'ououe',
  themeConfig: {
    defaultTheme: 'dark',
    // 或者
    defaultTheme: { dark: [18, 6] },
    // 或者
    defaultTheme: { light: [6, 18], dark: [18, 6] },
  },
  // 当你使用 defaultTheme 时，你需要增加一个如下的 postcss 插件
  postcss: {
    plugins: [
      require('css-prefers-color-scheme/postcss'),
      require('autoprefixer')
    ]
  }
}

# showThemeButton ^1.3.6

  • 类型: boolean
  • 默认值: true

用来控制是否显示切换浅色与深色主题的按钮，需要指定 defaultTheme

提示

显示浅色或者深色主题又下面几项决定

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

# cover

  • 类型: string, object
  • 默认值: ''

在列表页面头部显示的图片

cover: '/cover.jpg'
// or { base: img, path: img }
cover: {
  base: '/cover.jpg',
  '/posts/': '/posts.jpg'
  // ...
}
  • 类型: string
  • 默认值: ''

显示在列表页面 cover 上的图片

  • 类型: boolean
  • 默认值: true

是否显示搜索框

# backgroundImage ^1.3.4

  • 类型: boolean
  • 默认值: true

是否显示文章页面的背景图片

# pageGroup

  • 类型: number
  • 默认值: 5

分页组件显示的分页数

# postTime

  • 类型: object
  • 默认值:
postTime: {
  createTime: 'Create Time',
  lastUpdated: 'Last Updated',
  options: { dateStyle: 'medium' }
}

显示在文章底部的时间

提示

# createTime / lastUpdated

  • 类型: string, boolean(false)
  • 默认值: Create Time / Last Updated

显示的文本，使用 false 将不会显示时间

# options ^1.4.1

  • 类型: object
  • 默认值: { dateStyle: 'medium' }

格式化时间的配置 参考 (opens new window)

  • 类型: array
  • 默认值: []
nav: [
  { text: 'Home', link: '/' },
  { text: 'Posts', link: '/posts/' },
  { text: 'Tags', link: '/tag/' },
  { text: 'Categories', link: '/category/' },
  { text: 'About', link: '/about/' }
  // ...
]
  • 类型: array
  • 默认值: []
footer: [
  { text: 'link', link: '/' }
  // ...
]

# useVssue ^1.4.1

  • 类型: boolean
  • 默认值: false

使用 vssue 做为评论系统

提示

在使用之前你需要安装它

前往 vssue (opens new window) 了解如何使用

然后你可以在 frontmatter 中配置参数

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

# vssue-title

  • 类型: string
  • 默认值: 与 title 保持一致
  • 可省略

# vssue-id

  • 类型: string
  • 可省略

# 其它配置

请参考 plugin

←