[文章图片丢失] Notion部分图片无法在网站同步显示

[LiWill188]

描述bug
其他Page都没问题，但这个Page无法同步Notion里的图片，无法实现加载。

复现步骤
打开网址：https://daxinex.com/ariticle/the_second_law_of_thermodynamics, 会出现图片无法加载的情况，其他Page都没问题，单独这个Page会有无法加载图片的情况出现。

期望的正常结果

截图

环境

• 操作系统: [macOS]
• 浏览器 [chrome]
• NotionNext版本 [latest]
• 主题 [hexo]

补充说明
与问题相关的其它说明

[LiWill188]

尝试把图片从Notion里下载下来，再重新上传就好了... 确实不知道为啥，难道是因为没有缓存上传到Notion Page里？

[tangly1024]

若文章的图片是从网页复制，而非手动上传有可能会出现该问题。

根本原因：出于安全考虑，NotionNext项目只允许指定域名的图片在网页上显示，其它网站的图片链接会被屏蔽。详见代码：

NotionNext/next.config.js

Lines 35 to 44 in 56c35d2

	// 允许next/image加载的图片 域名
	domains: [
	'gravatar.com',
	'www.notion.so',
	'avatars.githubusercontent.com',
	'images.unsplash.com',
	'source.unsplash.com',
	'p1.qhimg.com',
	'webmention.io'
	]

从外部复制的图片，域名前缀可能是 https://xx.pic.com/ 这是不允许显示的，但是如果图片下载下来重新上传后，图片存在Notion服务器商，此时域名前缀变为了 https://notion.so/images

[jiashu1024]

我没有将图片直接通过notion里/image 上传到 notion 的图床，因为访问网站时图片加载时间太慢了。我是将图片上传到 oss，再将对象存储链接通过 notion 里/image设置成link是可行的。

[buliuguyy]

若文章的图片是从网页复制，而非手动上传有可能会出现该问题。

根本原因：出于安全考虑，NotionNext项目只允许指定域名的图片在网页上显示，其它网站的图片链接会被屏蔽。详见代码：

NotionNext/next.config.js

Lines 35 to 44 in 56c35d2

	// 允许next/image加载的图片 域名
	domains: [
	'gravatar.com',
	'www.notion.so',
	'avatars.githubusercontent.com',
	'images.unsplash.com',
	'source.unsplash.com',
	'p1.qhimg.com',
	'webmention.io'
	]

从外部复制的图片，域名前缀可能是 https://xx.pic.com/ 这是不允许显示的，但是如果图片下载下来重新上传后，图片存在Notion服务器商，此时域名前缀变为了 https://notion.so/images

所以理论上只需要在domains中加入不同的域名就能够避免存在其他地方的图片无法显示的问题吗？
但其实我好像在修改了之后仍然存在相同的问题，具体如下，求大佬们指点！

[buliuguyy]

若文章的图片是从网页复制，而非手动上传有可能会出现该问题。
根本原因：出于安全考虑，NotionNext项目只允许指定域名的图片在网页上显示，其它网站的图片链接会被屏蔽。详见代码：

NotionNext/next.config.js

Lines 35 to 44 in 56c35d2

	// 允许next/image加载的图片 域名
	domains: [
	'gravatar.com',
	'www.notion.so',
	'avatars.githubusercontent.com',
	'images.unsplash.com',
	'source.unsplash.com',
	'p1.qhimg.com',
	'webmention.io'
	]

从外部复制的图片，域名前缀可能是 https://xx.pic.com/ 这是不允许显示的，但是如果图片下载下来重新上传后，图片存在Notion服务器商，此时域名前缀变为了 https://notion.so/images

所以理论上只需要在domains中加入不同的域名就能够避免存在其他地方的图片无法显示的问题吗？ 但其实我好像在修改了之后仍然存在相同的问题，具体如下，求大佬们指点！

此外，我通过Vercel进行部署，确认了fork的github项目上的修改被重新自动部署了！