Vuepress

静态资源配置

所谓静态资源就是对 img、css、js 等资源的配置。

静态资源一般放在 .vuepress/public 文件夹下，所以我们需要新建 public 文件夹，并在 public 下新建文件夹 img、css、js

目录：

├── .vuepress
│       |—— public
│       |     │—— img
│       |     │—— css
│       |     └── js
│       |
|       └── config.js
|
│── package.json
│
└── yarn.lock

图片

1. 新找一张图片 logo.png 和一个 logo.ico 文件放到 img 下
2. 修改首页 docs/README.md 文件中的 heroImage 字段为 /img/logo.png
3. 在 .vuepress/config.js 中 themeConfig 下加入 logo:'/img/logo.png'
4. 修改 .vuepress/config.js 中 head 中 icon 的引入路径为 '/img/logo.png'

重启项目，这样就可以在首页看到具体的图片了

注

图片默认的加载路径就是 public ，及在上边图片路径中第一个 / 就是 public路径

css

同上

js

同上