# vuepress-theme-minimalism
# 介绍
一款简洁的 vuepress 主题,兼容 hexo YAML front matter 语法。
# 快速上手
- 安装
npm i -S vuepress-theme-minimalism
or
yarn add vuepress-theme-minimalism
- 在 config.js 使用 theme
module.exports = {
theme: 'vuepress-theme-minimalism',
base: '/',
...
}
- 文章写在 Posts 目录,新建 Posts 文件夹 注:区分大小写
.
├─ docs
│ ├─ Posts
│ ├─ README.md
│ └─ .vuepress
│ └─ config.js
└─ package.json
- 书写正确格式的文章
---
title: vuepress主题配置
tags:
- vuepress
- markdown
---
# vuepress-theme-minimalism
## 介绍
一款简洁的 vuepress 主题,兼容 hexo YAML front matter 语法。
# 目录结构
.
├── docs
│ ├── .vuepress #vuepress配置文件夹
│ ├── List.md #列表
│ ├── posts #文章存放文件夹
├── package.json
└── yarn.lock
# 主题配置
themeConfig: {
home: true,
homeBackground: { //设置主页背景颜色,false title为默认颜色
show: true,
fileName: '/GetImage.jpeg'
},
PostsListPopover: false, //是否显示文章内容提示
darkMode: {
//暗模式配置
switch: true, //开关
auto: false, //自动开启
on: '', //时间
off: ''
},
vssue: { //评论插件配置
option: {
owner: '你的github账户名',
repo: '你的仓库名',
clientId: '你的clientId',
clientSecret: '你的clientSecret' // 只有在使用某些平台时需要
}
}
}