在 Docusaurus 博客中将相对路径引用的图片设置居中并调整大小
Markdown 语 法不允许图像自由调整大小,而用 Docusaurus 的 HTML 写法引用静态图片要从项目的 /static
目录下获取绝对路径,不支持配置相对路径。
解决办法如下:
<div class="text--center">
<img src={require('./assets/image.png').default} width="70%" />
</div>
<div>
是使用 Docusaurus 内置的 Infima 类来设置居中,不需要可以去掉。