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;

3.显示html静态页面

解决办法

静态文件放到 \docs\.vuepress\public 下

# Docker思维导图   <a href="/notetool/Docker思维导图.html" target="_blank">外部打开</a>
<iframe id="iframe" style="width: 68vw; height: 72vh;margin-top: 20px;border: none;" frameborder=0 allowfullscreen="true" src="/notetool/Docker思维导图.html" title="">  
 </iframe>

a标签用于外部打开
iframe标签中 title="" 为了解决对外部title的污染