Replies: 2 comments
-
嗨,感谢你的反馈,database的渲染支持目前不是很完善,将在后续的版本中改进。 |
Beta Was this translation helpful? Give feedback.
0 replies
-
对于第一个问题,我简单检查了一下,发现是数据库icon图片链接中的参数不被notion接受,所以获取不到图片。 错误定位
临时解决方案目前我自己通过遍历检查和替换的方式暂时修复了这个问题,虽然做法有点傻。 在components\NotionPage.js 的NotionPage组件函数return前添加以下代码: if (post.blockMap.block) {
const keys = Object.keys(post.blockMap.block).reverse()
let collectionId = null
for (let index = 0; index < keys.length; index++) {
console.log(post.blockMap.block[keys[index]])
if (post.blockMap.block[keys[index]].value && post.blockMap.block[keys[index]].value.collection_id) {
collectionId = post.blockMap.block[keys[index]].value.collection_id
}
if (post.blockMap.block[keys[index]].value && post.blockMap.block[keys[index]].value.type && !(post.blockMap.block[keys[index]].value.collection_id)) {
if (post.blockMap.block[keys[index]].value.type === 'collection_view' && collectionId) {
console.log(post.blockMap.block[keys[index]])
post.blockMap.block[keys[index]].value.id = collectionId
collectionId = null
console.log('修改一处collection icon')
console.log(post.blockMap.block[keys[index]])
}
}
}
} 在lib\notion\mapImage.js内mapImgUrl组件函数内开头处添加如下代码: if (block && block.type === 'collection_view') {
type = 'collection'
} 修复原理因为数据库icon的block内有以下特征:
而这个icon对应的数据库信息collection_id不在自身的block数据里面,必须去之后的block里面找。 至于更加深层次的原因暂时还没研究。 修复前渲染效果: |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
为什么提出这个新的特性改动
1. 页面内database的title处icon显示异常
![image](https://user-images.githubusercontent.com/54578647/203479242-7abf8d18-c599-4011-8ee9-aa07a5055deb.png)
2. 选择隐藏database的title后,在博客页面渲染时仍会显示
![image](https://user-images.githubusercontent.com/54578647/203480460-11819e25-6b97-40fb-99d5-e9335ebe7ae4.png)
![image](https://user-images.githubusercontent.com/54578647/203481647-7227367d-1c35-4ba6-a8f0-49167ff7fcb5.png)
3. database内页面数超过load limit时不会自动折叠,影响阅读。
notion下:
![image](https://user-images.githubusercontent.com/54578647/203479999-e5aa70f4-bf97-45fd-86b5-345cd6e31227.png)
![](https://user-images.githubusercontent.com/54578647/203480218-579f41a2-9649-47b6-a94e-59c348bd65f9.png)
博客内:
![渲染时列出了所有条目](https://user-images.githubusercontent.com/54578647/203480273-4020eee1-f9e4-410f-9e85-168e89693a27.png)
4. database在gallery视图下,无插图的page没有对应的文字预览效果
notion下:
![image](https://user-images.githubusercontent.com/54578647/203481815-f23e0b33-81ea-4608-a2e9-9e8c52ed6585.png)
博客内:
![image](https://user-images.githubusercontent.com/54578647/203481855-8baaf19b-9f67-4361-a9c1-36701ac14cc1.png)
4. database内的page无法作为内部引用的链接进行跳转
就是database视图下的page都不能点开,无法作为子页面跳转,gallery和table视图都不行。似乎在网页没有完全渲染好的时候是可以点开的。作者大大可能是期望其作为单纯的照片集展示或表格展示所以不支持转跳,未来是否考虑可选地支持转跳,实现类似内部引用的功能?
描述一下你推荐的解决方案
参照notion处的渲染效果,实现:
描述一下你考虑过的其它替代解决方案
无
补充说明
无
Beta Was this translation helpful? Give feedback.
All reactions