开源这个博客的源码 — Notionic
首先编辑
components/Loading.js
文件, 在文件开始的地方添加一行代码(如图第 7 行所示):import Image from 'next/image'
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F1a99c391-0476-47a0-b91d-d908ffbdc5e1%2FUntitled.png?table=block&id=e2e783f7-1e6b-491c-9e3a-d79f22390666&cache=v2)
然后删除这个文件下面的 SVG 代码, 在图中所示的
<svg>…</svg>
部分:![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fe4dac7ec-58d4-4ce0-b903-58f6ce39d1b6%2FUntitled.png?table=block&id=8bbfcbcd-ea80-46a6-9711-92ad2c10bd47&cache=v2)
最后使用下面代码来替换刚刚删掉的 SVG 那部分代码, 这里用 favicon.png 作例子, 你可以自由修改成其他图片, 高度和宽度也可以通过 width 和 height 来修改:
<Image src='/favicon.png' alt='Logo' width={50} height={50} />
大概变成这样:
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F5fa333cd-1ff3-4471-a424-858db3275e6c%2FUntitled.png?table=block&id=422bb195-1e8f-4414-ab68-a5718032495a&cache=v2)
注意代码缩进.