hexo-casper中插入mathjax

casper美中不足的就是为了追求轻便,而放弃了mathjax。但由于我有时会用到数学公式,因此决定折腾一下。

  1. 首先在hexo-casper的github项目中,已经有人加入了mathjax,但并未被整合进主项目中,因此首先要做的就是clone下已经有mathjax的git。如果对其他没有需要的话,就只需要修改“add mathjax support”部分即可。地址

  2. 完整下完之后,由于markdown与mathjax语法存在冲突,所以还需要修改一些文件。参考地址 注意把themes/_config.yml中的“mathjax: false” 改为“mathjax: true”。

  3. 到这一步可以试一下,如果成功了就ok。。

  4. 如果还不行的话,可能是因为博客地址是https,而github项目中引用的js是http资源,因此会被block。解决方法是在需要使用mathjax的 .html中加入

    1
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

    更彻底的办法是在"\themes\hexo-casper\layout_partials\head.swig"中把mathjax部分的"<script type=“text/javascript” src=""中的链接改为https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML 也就是和第2步中的更新为一样的地址,是https。