动画jekyll运行github页面

Question

我有一个更复杂的问题。我最近分叉了http://vis.supstat.com/，以便建立一个个人博客，它作为一个个人库，在R中提供示例。此外，这个博客也是一个实验，以找出最有效的方法，从RStudio本地创建的R mardown文件发布到Github页面上运行的jekyll博客上的博客文章。

在Github上分叉vistat后，我使用

将jekyll主题更改为hooligan(参见https://github.com/dhulihan/hooligan)

rake theme:install git="https://github.com/dhulihan/hooligan.git"，

效果很好，除了所有动画都不再显示的情况。

让我们更精确地说:

我的博客上关于布朗运动的文章(见http://magnusmetz.github.io/2012/11/brownian-motion-with-r/)是基于完全相同的*。Rmd文件作为vistat上的文件(参见http://vis.supstat.com/2012/11/brownian-motion-with-r/)。在我博客上的版本中，你会发现文章中的动画图形缺失了。此外，LaTeX表达式的显示也不正确。如果您比较Github上的两个源文件(我的博客请参阅https://github.com/magnusmetz/magnusmetz.github.io/blob/master/_source/2012-11-06-brownian-motion-with-r.Rmd, vistat请参阅https://github.com/supstat/vistat/blob/gh-pages/_source/2012-11-06-brownian-motion-with-r.Rmd)，您会发现它们完全相同。在这两个博客中*。Rmd文件必须使用可以在这两个博客的_bin/knit中找到的脚本进行编译。结果是一个markdown文件，通过执行带有

的脚本存储在_posts/中。

./_bin/knit yyyy-mm-dd-name-of-the-script.Rmd穿过端子。

我现在的问题是，为什么动画没有显示在我的博客，为什么乳胶表达式显示不正确?

我已经向vistat提交了一个问题(参见https://github.com/supstat/vistat/issues/13)，但到目前为止还没有结果。

如果有人能帮我回答这个问题，那就太好了。如果你需要进一步的信息，请尽管问。

提前感谢您的回答

Answer 1

如果您查看两个页面上生成的源代码，您会发现关键的JS文件Mathjax.js和scianimator.js丢失了。在最初的repo中，它们已经与主题布局捆绑在一起。所以，如果你想替换主题，你还需要包括这些javascript文件，使其工作

Answer 2

From

vistat/assets/themes/dinky/css

文件scianimator.blue.css, scianimator.css, scianiamator.dark.css和scianimator.light.css必须复制到magnusmetz.github.io/assets/themes/dinky/css。

从

vistat/assets/themes/dinky/js

文件jquery.scianimator.min.js和scale.fix.js被复制到magnusmetz.github.io/assets/themes/dinky/js。

随后，以下代码行被添加到magnusmetz.github.io/_includes/themes/hooligan/default.html:

<script src="{{ ASSET_PATH }}/js/scale.fix.js"></script>
{% if page.animation %}
<link rel="stylesheet" href="{{ ASSET_PATH }}/css/scianimator.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="{{ ASSET_PATH }}/js/jquery.scianimator.min.js"></script>
{% endif %}
<script src="https://c328740.ssl.cf1.rackcdn.com/mathjax/2.0-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/javascript">
MathJax.Hub.Config({
  tex2jax: {
    inlineMath: [['$','$'], ['\(','\)']],
    processEscapes: true
  }
});
</script>