需要 medium.com 上的交互式小部件/元素

Required a interactive widget/element on medium.com

提问人:JoyNa 提问时间:11/10/2023 更新时间:11/14/2023 访问量:13

问:

我一直在考虑一个想法,通过结合交互式抽认卡来增强我的文章。这些抽认卡将为读者提供一种引人入胜的方式来掌握关键概念。经过一番研究,我编制了一份潜在解决方案列表,其中包括提供抽认卡功能的网站和教育平台。 该列表目前包括:SAAS

  • 文字墙
  • 安琪
  • Quizlet(测验软件)
  • WP抽认卡

我一直在尝试这些平台,我发现Quizlet最符合我的设想。但是,当我将Quizlet抽认卡嵌入到我的Medium帖子中时,它们不会显示为交互式元素。相反,它们显示为简单的链接,这不能提供预期的用户体验。

在此处输入图像描述

所以,这是我可以使用你的专业知识的地方!有没有人遇到过类似的情况或找到了解决方法?我正在考虑用Quizlet嵌入元素创建一个小部件,并将其链接到Medium。如果您对如何无缝地进行这项工作有任何建议或想法,我将非常感谢您的意见。

预期成果:

在此处输入图像描述

我确实尝试将测验嵌入到各个站点中并变成一个小部件。但还没有奏效。iframe

供参考,这些是提供程序,当我们嵌入元素时,这些提供程序会变成交互式元素。

需要注意的一点:我只想让正在阅读我文章的用户使用抽认卡快速了解过去 15 或 20 分钟内学到的概念。这是记忆概念的好方法,当盘子里有很多东西时,一切都看起来很相似。

遇到的几个网站:

HTML CSS iframe 嵌入 medium-editor

评论


答:

0赞 JoyNa 11/14/2023 #1

您正在考虑将交互式抽认卡纳入您的文章中,以增强读者的学习体验,这真是太棒了。由于平台对某些嵌入的限制,Quizlet无法在Medium上显示为交互式元素,这可能是一个常见问题。 但你猜怎么着?我破解了它!

以下是有关如何使这些元素在 Medium 上流行起来的独家新闻:

  • GitHub Gist 是英雄:事实证明,GitHub Gist 允许 Medium 很好地发挥作用,并让您顺利嵌入内容。不再有简单的链接 - 我们谈论的是整个交互式shebang!
  • 要点创作魔法:首先,小跑到 GitHub Gist 并想出一个新的 Gist。

快速说明:确保文件名以结尾,以便对代码进行流畅的预览。.md

在此处输入图像描述

  • 要点出生:单击该按钮 - 现在不要担心它是公共的还是私人的。一旦它诞生,就前往该部分。Create GistShare

  • 它默认为 ,但握住你的马——这与 Medium 不符。单击它旁边的小箭头,然后选择 。embedShare: Copy Shareable Link for Gist

  • 获取该 URL:现在,凝视隔壁的输出盒;它在炫耀你的要点的 URL。复制那个神奇的链接。

在此处输入图像描述

  • 中>要点:返回您的 Medium 文章,点击该链接,按回车键,然后砰!给它几秒钟,瞧 - 你的要点出现在它所有的预览荣耀中,而不是一堵代码墙。

在此处输入图像描述

这是我尝试过的一个例子:我把我的“给我买咖啡”小部件扔进了一个要点,复制了链接,然后随便把它放到了我的 Medium 文章中。它是交互式的,看起来比仅仅链接一些文本更时髦。

在此处输入图像描述

说实话,在挣扎之后,找到这种方式有点疯狂,对吧?但是,嘿,这就是科技冒险的魅力!祝您嵌入愉快!