VuePress介绍
VuePress ,是一个Vue 驱动的静态站点生成工具,由两部分组成:一个以 Vue 驱动的主题系统的简约静态网站生成工具,和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。废话不说,具体相关介绍可以看官网介绍~:VuePress
在之前写过vuepress搭建的一个项目,地址如下:https://www.tq.xiaoyanol.cn/
感兴趣的可以看看,项目地址:https://github.com/TianQianTQ/peachWine
在我看来,vuepress最难的部分就是配置部分。此处贴出一个模板供参考使用:
title:'Hello 伊人笑桃花酒',
description:'用文字记录路过的风景',
base: '/',
dest: './docs/.vuepress/dist',
module.exports = {
title: 'Hello 伊人笑桃花酒', // 网站标题
escription:'用文字记录路过的风景', // 网站描述
base: '/', // 此处设置仓库名称
dest: './docs/.vuepress/dist', // 执行vue builid时打包到的目录
themeConfig: { // 主题配置
nav: [ // 头部导航
{ text: 'GitHub', link:'https://github.com/TianQianTQ'},
{ text: '博客', link:'https://blog.csdn.net/t_tq_bnsg_bs_ll'}
],
// sidebar: 'auto', // 自动匹配当前侧边栏-
sidebar: { //配置侧边栏
'aa': [],
'bb': []
}
sidebarDepth: 2, // 设置嵌套的标题链接深度\
// displayAllHeaders: true, // 默认值:false 设置所有页面的标题链接
lastUpdated: 'Last Updated', // 最后更新时间 --基于git
repo: 'TianQianTQ/accumulation', // 自定义仓库地址
// 自定义仓库链接文字。默认从 `themeConfig.repo` 中自动推断为 "GitHub"/"GitLab"/"Bitbucket" 其中之一,或是 "Source"。
repoLabel: '查看源码',
},
markdown: { // 为每个代码块显示行号
lineNumbers: true
}
}