VuePress记录

描述

VuePress 是一个以 Markdown 为中心的静态网站生成器。你可以使用 Markdown 来书写内容（如文档、博客等），然后 VuePress 会帮助你生成一个静态网站来展示它们。
VuePress 诞生的初衷是为了支持 Vue.js 及其子项目的文档需求，但是现在它已经在帮助大量用户构建他们的文档、博客和其他静态网站。

1. vuepress打包之后页面样式丢失

解决办法

修改config.js文件的base配置项即可

export default defineUserConfig({
  base: '/notetool/'
})

如需部署到Nginx修改为下方配置

location /notetool {
    root   html;
    index  index.html index.htm;
}

2.修改内容区宽度

解决办法

修改 D:\work_code\my_project\notetool\node_modules@vuepress\theme-default\lib\client\styles_mixins.scss 文件

/* 原本样式 */
max-width: var(--content-width);
/* 修改后样式 */
max-width: 1268px;