背景
在.vuepress的config.js配置文件中,我们需要设置head, plugins, nav三项主要配置。
如果都写在config.js就会显得很臃肿,不便于维护。
代码
config.js
js
const headConf = require("./config/headConf");
const pluginsConf = require("./config/pluginsConf");
const navConf = require("./config/navConf");
module.exports = {
title: 'JeecgFlow',
description: 'JeecgFlow是基于jeecgboot开源版本集成activiti, flowable,camunda,实现快速开发的脚手架',
head: headConf,
plugins: pluginsConf,
themeConfig: {
logo: '/assets/img/logo.png',
nav: navConf
},
configureWebpack: {
resolve: {
alias: {
'@alias': 'path/to/some/dir'
}
}
}
}
headConf.js
js
module.exports = [
['link', { rel: 'icon', href: '/assets/img/favicon.ico' }],
['meta', { name: 'author', content: 'xxx' }],
['meta', { name: 'keywords', content: 'xxx, flowable,camunda' }],
[
'script', {}, `
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?e8706f16d97116d6080cba0e30affba2";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
`
]
]
navConf.js
js
module.exports = [
{ text: '首页', link: '/' },
{ text: '指南', link: '/about/' },
{ text: '业务案例', link: '/case/' },
{
text: '知识点',
items: [
{ text: '基础篇', items: [
{ text: '定时器', link: '/timer/' },
{ text: '四大网关', link: '/gateway/' },
{ text: '消息事件', link: '/message/' },
{ text: '信号事件', link: '/signal/' },
{ text: '补偿事件', link: '/offset/' },
{ text: '错误事件', link: '/error/' },
] },
{ text: '进阶篇', items: [
{ text: '子流程', link: '/subprocess/' },
// { text: '决策表', link: '/subprocess/' },
// { text: '连接器', link: '/subprocess/' },
] }
]
},
{ text: '项目交付', link: '/ship/' },
{ text: '常见问题', link: '/faq/' },
{ text: '视频教程', link: 'https://space.bilibili.com/408246123' },
{ text: '官网', link: 'http://www.jeecgflow.com' },
]
pluginsConf.js
js
module.exports = {
'@vuepress/back-to-top': true,
'@vuepress/google-analytics':{
'ga': 'G-G45H9LT9CL'
},
"vuepress-plugin-auto-sidebar": {
nav: true
},
'@vuepress/medium-zoom': {
selector: 'img.zoom',
options: {
margin: 16
}
}
}
按照以上步骤,即完成了config分类设置。
最终成品: doc.jeecgflow.com