Discourse 支持的链接解析示例


(Schrödinger's Corgi) #1

onebox 腾讯视频和乐视视频都不显示 继续讨论:

考虑到主题的独立性和篇幅,我决定在这里开一个新的主题帖来展示Discourse 链接解析的例子。
首先,看一下我之前已经展示的一链接的情况,参考如下网站(根据不同地区会有不同显示结果):

可以参考我以上列举的一些媒体链接解析效果。

在这里我在稍微展示一些链接的解析情况(Onebox)
由↓下面这段代码可以看出在设置中我们只需要填入要加入iframe 白名单的域名(url)即可。

Discourse/Onebox 中可以得知官方支持如下链接的预览解析:

amazon, asciinema, audio, audioboom, bandcamp, cloudapp, coub, douban, five_hundred_px, flickr, flickr_shortened, gfycat, giphy, github_blob, github_commit, github_gist, github_issue, github_pullrequest, gitlab_blob, google_calendar, google_docs, google_maps, google_play_app, html, image, imgur, instagram, json, mixcloud, opengraph_image, pastebin, pdf, pubmed, replit, sketchfab, slides, soundcloud, stack_exchange, standard_embed, steam_store, trello, twitch_clips, twitch_stream, twitch_video, twitter_status, video, vimeo, wechat_mp, whitelisted_generic, wikimedia, wikipedia, wistia, xkcd, youku, youtube

注意:示例中的链接包含的商品信息仅用于示例,并不是作为推荐,别无它用。

若干个链接进行示例:

Amazon:

Asciinema

这里的transcript并不会被解析成自动播放的“动画”,而是直接解析成图片。
https://asciinema.org/a/158352

asciicast

Google Maps

国内建议用OpenStreetMap 添加白名单即可。

Wikipedia

Steam Store

PDF

优酷


。。。
还有很多有兴趣可以一一尝试在这里就不枚举了。一些链接可以直接浏览(如视频网站和谷歌地图),一些则是缩略图加标题简介的形式(如维基百科和亚马逊等网站)

Tipps

利用iframe 还可以实现微软OneDrive的文档嵌入,完美的解决了客户端office软件的依赖问题,直接查看截图如下:

支持Word Excel PowerPoint PDF 文档的直接在线查看。

至于Bilibili 等不在列表中的网站需用采用iframe 白名单。


onebox 腾讯视频和乐视视频都不显示
(Candy) #2

厉害啊!又学习到了(紫薯布丁)