mkdir shrimp-doc && cd shrimp-doc
yarn init
npm config set registry https://registry.npmmirror.com
yarn add -D vitepress
mkdir docs && echo '# Hello VuePress' > docs/README.md
{
"scripts": {
"docs:dev": "vitepress dev docs",
"docs:build": "vitepress build docs"
}
}
yarn install
yarn docs:dev
- package 追加 mermaidjs
{
"devDependencies": {
"vuepress-plugin-mermaidjs": "^1.8.1"
}
}
- config 配置插件
module.exports = {
plugins: [
'vuepress-plugin-mermaidjs'
],
}
问题: 内容区域只在整体页面的中间位置,期待让内容靠左。
解决方案:
创建styl文件并放入以下内容:
vim ./docs/palette.styl
.page .theme-default-content:not(.custom) {
max-width: none;
}