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

yzxexxkh  于 2023-11-19  发布在  其他
关注(0)|答案(1)|浏览(136)

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

  • Wordwall
  • Anki
  • Quizlet
  • WP抽认卡

我一直在尝试这些平台,我发现Quizlet最符合我的设想。然而,当我将Quizlet抽认卡嵌入到我的Medium帖子中时,它们并不显示为交互元素。相反,它们显示为简单的链接,这并不能提供预期的用户体验。
x1c 0d1x的数据
所以,这里是我可以使用您的专业知识的地方!有人遇到过类似的情况或找到了解决方法吗?我正在考虑从Quizlet嵌入元素中创建一个小部件并将其链接到Medium。如果您有任何关于如何无缝工作的建议或想法,我将非常感谢您的输入。

预期效果:



我确实尝试过将quizlet iframe嵌入到不同的网站中,并将其变成一个小部件,但是没有成功。
对于信息these are the providers,当我们嵌入的元素变成交互式的。

**要采取的一点:**我只是想用户谁是阅读我的文章有一个快速演练的概念学习在过去的15或20分钟使用抽认卡.这是一个伟大的方式来记忆概念,定义当有很多板上的一切看起来都很相似.

几个网站遇到:

e4eetjau

e4eetjau1#

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

***GitHub Gist是英雄:**事实证明,GitHub Gist允许Medium很好地发挥作用,让你顺利地嵌入东西。没有更多的普通链接-我们谈论的是整个互动shebang!
***Gist Creation Magic:**首先,小跑到GitHub Gist并召唤一个新的Gist。
**快速注意:**确保文件名以.md结尾,以便轻松预览代码。

x1c 0d1x的数据

***Gist Birth:**点击Create Gist按钮-现在不要担心它是公共的还是私人的。一旦它出生,前往Share部分。

  • 它默认为embed,但稍等一下-这与Medium不匹配。单击它旁边的小箭头并选择Share: Copy Shareable Link for Gist
    ***Get That URL:**现在,凝视旁边的输出框;它正在炫耀您的gist URL。复制那个神奇的链接。


***Medium -> Gist:**返回到您的Medium文章,插入该链接,按Enter键,然后砰!给予几秒钟,瞧-您的要点出现在预览版中,而不是一堵代码墙。


**这里是我尝试的一个例子:**我把我的Buy Me a Coffee小部件放入gist,复制链接,然后随意地把它放入my Medium article。它是交互式的,看起来比只是链接一些文本更时髦。



让我们说真实的,在挣扎之后,找到这样的方法有点疯狂,对吧?但是,嘿,这就是科技冒险的魅力!快乐嵌入!

相关问题