【链接预览】博文链接在推特没有生成预览 #2513
Labels
bug
Something isn't working
good first issue
Good for newcomers
help wanted
Extra attention is needed
resolved
描述bug
分享博文的链接到推特之后,只有一个链接,而不是生成一个预览卡片。
![image](https://private-user-images.githubusercontent.com/57931609/340920251-65e11843-02da-4422-bb9d-eee51c690c62.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjExMzgxMjIsIm5iZiI6MTcyMTEzNzgyMiwicGF0aCI6Ii81NzkzMTYwOS8zNDA5MjAyNTEtNjVlMTE4NDMtMDJkYS00NDIyLWJiOWQtZWVlNTFjNjkwYzYyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE2VDEzNTAyMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTM0OTlhZDE2NGM2NjI3Zjc1MjE0OGUxMGZhZGFjMmFmNjA4YjIwMDU1ZTI5ZGM1MjZmNjE0NmQzNTYxMTVlYzAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.jS-YGxr5WPwYDVJWJ5Y_O8yzA3Q8HVvi0vDl0f6CDe8)
期望的正常结果
应该生成类似下图的预览
![image](https://private-user-images.githubusercontent.com/57931609/340921139-88735a13-6674-479b-b4ef-c7298b042377.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjExMzgxMjIsIm5iZiI6MTcyMTEzNzgyMiwicGF0aCI6Ii81NzkzMTYwOS8zNDA5MjExMzktODg3MzVhMTMtNjY3NC00NzliLWI0ZWYtYzcyOThiMDQyMzc3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE2VDEzNTAyMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTIzODE2MzdhYjE5ZWI2OWQ3ZTViZTM0OTE5MDI4YzI4NTJkNDlmNTk5YjYxN2VmM2QxYzA2M2ZmZTI5Y2M3NWYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.15nCs_mizS06XExt2sw72EXwqY6q_WTvVD6xguXVSRY)
复现步骤
只要是博客的链接都无法预览
环境
补充说明
推特官方有个检测twitter card生成的网站 https://cards-dev.twitter.com/validator
![Card validator](https://private-user-images.githubusercontent.com/57931609/340923617-f25e5032-1fff-4306-abe9-e6d6c122ce1f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjExMzgxMjIsIm5iZiI6MTcyMTEzNzgyMiwicGF0aCI6Ii81NzkzMTYwOS8zNDA5MjM2MTctZjI1ZTUwMzItMWZmZi00MzA2LWFiZTktZTZkNmMxMjJjZTFmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE2VDEzNTAyMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTM5NjAzNGMxZDRmYzZkOGZiYTNlZjg4Yjc4NDEyMjVjYTU3OGNiMjlkYjlhNzQ3NDljOWQ5ZDExMzgzYzBiNDEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.leKtzi9HogvmXicXJycPqNPfxn_8wuXHmqxWw6PJKJ4)
我提交链接后结果如图
出现了“no card found"的提示。
我看了这个帖子的回复,知道了要在标签添加相应属性,然后我发现notionnext原本就有Twitter card的内容,但是不知为何没有生效,尝试在components/Globalhead.js进行了修改,但是依然没有解决,以下是涉及Twitter card的部份:
The text was updated successfully, but these errors were encountered: