现在有一个更新且更好的 Quotes on Design API 版本，请查看 专用 API 页面 上的代码。
David Walsh 帮助我为 Quotes on Design 准备了一个“api”。 如果您想将随机的设计名言添加到您的网站，只需添加以下代码片段即可
<blockquote id="qod-quote">
... loading ...
</blockquote>
<script src="//quotesondesign.com/api/3.0/api-3.0.js" type="text/javascript" charset="utf-8"></script>这将在您页面的“quote”div 内插入一个名言，无论该 div 在您页面上的何处。 最终标记如下所示
<blockquote id="qod-quote">
<p class="qod-text">
Keep it simple, stupid!
</p>
<p class="qod-author">
<a href="http://quotesondesign.com/?p=194">
— Old Saying
</a>
</p>
</blockquote>当然，它并不总是那个名言和那个作者，它是从 Quotes on Design 数据库中随机提取的。 带有“quote”ID 的包装 div 是必需的，以便脚本知道将名言放在哪里。
请随时分享您想到的任何酷炫的集成。 下周我们将讨论它是如何制作的！ 如果您想看到添加的某一个，请 在此处建议。
这看起来确实不错，但我建议大家不要使用 div 标签来包装 javascript，而是使用 blockquote 标签。 这样在语义上就正确了。
<blockquote id="quote">
<script type="text/javascript" src="http://quotesondesign.com/api/api.js"></script>
</blockquote>
我还建议使用更独特的内容来代替“quote”作为 id，以避免与现有 div 发生可能的冲突。 也许您可以简单地使用 div id=”quotesondesign”，因为它不太可能存在于任何人的标记中。
@Bob. 另一个好主意。 这样一来，我的代码示例就变成了
<blockquote id="quotesondesign">
<script type="text/javascript" src="http://quotesondesign.com/api/api.js"></script>
</blockquote>
然后，您还应该将 cite 属性添加到 blockquote 中，使其对爬虫、屏幕阅读器等更友好！
<blockquote id="quotesondesign" cite="author-link-here">
<script type="text/javascript" src="http://quotesondesign.com/api/api.js"></script>
</blockquote>
这样在语义上也更好，因为您在引用上提供了引文链接。
由于引用是由 JavaScript 生成的，因此您甚至不必担心爬虫，它们将无法看到任何内容。 屏幕阅读器也可能遇到问题，尽管它们大多数都越来越支持 JS。
使用 cite 属性是另一个好主意，但所有引用都是动态填充的，因此每个引用都会有新的作者。 有没有办法使用此脚本显示作者姓名和链接？
嗯，我正在使用它。 =]
迫不及待地想知道你是如何做到这一点的！
不错，是否可以使其在脚本父元素中生成代码，无论 ID 如何，以便它可以在页面上多次使用，例如在
<blockquote class="quotesondesign">
<script type="text/javascript" src="http://quotesondesign.com/api/api.js"></script>
</blockquote>
太棒了
我正在使用它
这里的内容很棒，写作风格也很棒 - 继续努力！
好主意，Chris！ 我很高兴看到你的文章解释了它的工作原理，尽管我已经知道你可能怎么做。 我尝试过使用后端脚本动态创建 JavaScript 文件。 这是我使用 PHP / Javascript 时“啊哈！”的时刻。 我意识到它在创建从数据库中读取的 API 方面非常有用。
干得好。 我目前在我的网站上使用它！
类似这样的“api”的一些代码将非常受欢迎！
非常酷的想法。 我已经把它用在我的网站上了！
您可以在作者姓名之前添加一个破折号 (—) 吗？ 这样看起来可能更好，尤其是当名言和作者在同一行显示时。
当我重新设计我的网站时，我发现 quotesondesign 网站非常有用…… 我发现 API 有点太慢了，但名言很有帮助。
我也很想知道 API 是如何创建的——我会在您发布文章时查看。
我喜欢这个！
但我是不是很慢？ 我就是无法让它工作？ 如果我想将它嵌入到我的首页，我需要做一些不同的事情吗？ 什么都没有显示。 :)
谢谢
哈哈，不用担心。 似乎是我的电脑太慢了。 现在它完美地运行了！ 太棒了
相当棒。 我想看到一个 Reddit/名言生成器的混合体，用户可以在不同的类别中提交名言。 社区对它们进行投票，然后名言生成器可以像这样嵌入。
感谢您的辛勤工作。 我需要它，也许吧；)
Ralph