Question

我有一个更复杂的问题。我最近分配http://vis.supstat.com/以建立一个个人博客，该博客作为个人图书馆，在R中有示例。此外，该博客也是一个实验，以找出从本地发布R mardown文件的最有效方式在RStudio中创建，以在Github页面上运行的jekyll博客上发表文章。

在我在Github上分享vistat之后，我将jekyll主题更改为流氓（请参阅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通过终端。

我现在的问题是，为什么我的博客中根本没有显示动画，为什么LaTeX表达式显示不正确？

我已向vistat提交了一个问题（请参阅https://github.com/supstat/vistat/issues/13），但目前尚无结果。

如果有人能帮助我回答这个问题，那真的很棒。如果您需要更多信息，请不要犹豫。

非常感谢您的回答。

Answer 1

如果您查看两个页面上生成的源代码，您会发现关键的JS文件，Mathjax.js和scianimator.js都缺失。在原始仓库中，它们已与{{{ 3}}。因此，如果您想要替换主题，您还需要包含这些javascript文件以使其正常工作。

Answer 2

来自

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>

jekyll上的动画运行github页面

2 个答案: