8.vuepress文章摘要图片不显示
leezozz 2/4/2023 笔记
# 问题：vuepress文章摘要图片不显示
---
title: 摘要
date: 2023-01-01
---
这里的内容会被显示成摘要。
1. 可以放置文案；
2. 可以放置图片作为文章封面。
<!-- more -->
这里是文章的正文。
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
- 摘要将会显示在首页和文章的顶部，正是由于这两处都会显示，而首页和文章两个编译后生成的HTML文件路径不同，也就导致了我们需要对两处的图片采取不同的路径。但是摘要的路径又只能在对应文章的摘要中指定一次。
- 若指定相对路径则部署到gitpages后，首页的摘要图片就不会显示
# 方案1：
使用外部图片链接，如：
1
# 方案2：
除了在.vuepress的public文件中放上摘要图片，同时可以在和博文markdown文件相同目录下放同样的图片
<!-- 部署之后：文章摘要对应的解析路径 -->
<img src="./webkit-opreate.png" alt="webkit">
<!-- 部署之后：文章内容顶部显示的解析路径 -->
<img src="/leezozz-blog/assets/img/webkit-opreate.112d0363.png" alt="webkit" class="medium-zoom-image">
1
2
3
4
5
2
3
4
5
