A minimalist vuepress theme, compatible with hexo YAML front matter syntax.
example:https://github.com/sogud/vuepress-theme-minimalism
preview:https://sogud.github.io
npm i -S vuepress-theme-minimalism
or
yarn add vuepress-theme-minimalism
- Use theme in config.js.
module.exports = {
theme: 'vuepress-theme-minimalism',
base: '/',
...
}
- new posts folder, article written in posts directory, as the topic is compiled based on the content under the posts folder. Note: Folder names are case-sensitive.
.
├── docs
│ ├── .vuepress #vuepress configuration folder
│ ├── posts #Article Storage Folder
├── package.json
└── yarn.lock
Start writing a blog that is written in the correct format as follows.:
---
title: vuepress
tags:
- vuepress
- markdown
---
# vuepress-theme-minimalism
## introduction
A minimalist vuepress theme, compatible with hexo YAML front matter syntax.
New styles folder in .vuepress directory, new palette.styl Configure css variables.
The following color configurations are currently supported.
$accentColor = #31837c
$textColor = #2c3e50
$nprogressColor = #399c9c
module.exports = {
base: "/",
title: "sogud'blog",
theme: "vuepress-theme-minimalism",
themeConfig: {
nav: [
{
text: "文档",
link: "/list/"
},
{
text: "标签",
link: "/tag/"
},
{
text: "Github",
link: "https://github.com/sogud"
}
]
footer: {
contact: "联系",
links: [
{
text: "GitHub",
link: 'https://github.com/sogud'
},
{
text: "Twitter",
link: ""
}
]
},
comment: {
service: "disqus",
shortname: "1net-1"
},
},
markdown: {
// lineNumbers: true
}
}