html - 在 Gists 未加载时使用图像作为后备

标签 html css github jekyll gist

我正在使用 jekyll 写博客,我的几乎所有帖子都与编码有关,并且由于我的很多帖子都包含如下嵌入的要点

{% gist gist_id %}

有时当 gists 不加载时(这种情况经常发生)没有任何显示,内容只是空白。这很尴尬,让读者感到困惑,以前我使用的是 Gist embed , 但由于 jekyll 有本地支持,我停止使用它们,但它们给出了很好的错误消息,例如加载要点失败,虽然不是很友好,但让我知道出了什么问题。

有没有我可以输入的脚本,比如 this one以便观众更容易理解

最佳答案

将内容存储在站点外部并用图像替换文本是一种可访问性和 SEO 反模式。

使用 Jekyll {% highlight %} tag是将您的内容保留在网站中并避免依赖太阳能外部服务的最佳方式。

关于html - 在 Gists 未加载时使用图像作为后备,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32024630/

相关文章:

html - Chrome 27 : Fixed Element Leaves Artifacts Behind After JQuery Animation

CSS:使用 Mask 作为 Webkit-Mask-Image 的后备

android - 溢出-x : hidden; not working on android devices

jquery - 绝对定位的div并调整它们的大小

javascript - 有什么方法可以使用 testcafe 的 javascript 单击 github 页面上的 "Sign In"链接?

git - 使用 BFG 清除文件后无法推送到 >2gb 存储库

html - 如何在不同的浏览器显示尺寸下创建边框顶部宽度大于内容的框?

jquery - 希望背景每 3 秒更改一次

html - Bootstrap : container with absolute positioning?

java - eclipse - 如何为多个开发人员创建一个java项目(github)