使用slim模板语言向sinatra app添加disqus评论

Question

我有一个用Sinatra构建的应用程序。其中一个页面称为“讨论”，我选择使用disqus为评论提供支持。我复制了通用指令

<div id="disqus_thread"></div>
<script type="text/javascript">
  /* * * CONFIGURATION VARIABLES * * */
  var disqus_shortname = 'voltairequotes';

  /* * * DON'T EDIT BELOW THIS LINE * * */
  (function() {
    var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
    dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  })();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>

但我将代码转换为slim并将其添加到页面

discussion.slim

h2 Discussion Area

p Add your comments below and please cite what quote you are referring to.

#disqus_thread
javascript:
  /!* * * CONFIGURATION VARIABLES * * */
  | var disqus_shortname = 'voltairequotes';

  /!* * * DON'T EDIT BELOW THIS LINE * * */
  | (function() {
      | var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
      | dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
      | (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  | })();
noscript
  | Please enable JavaScript to view the
  a href="https://disqus.com/?ref_noscript" rel="nofollow"  comments powered by Disqus.

但评论不会出现。但是当我去检查元素时，代码会出现。

不确定我错过了什么，或者我的标记中有错字或错误

Answer 1

好的，我整体解决了这个问题。因此，我发布了帮助他人的解决方案。

但是留下这个问题，因为我仍然没有看到我的第一次尝试是不成功的。

我所做的是将javascript移动到自己的文件，无论如何这是一个很好的做法。