hexo-casper主题mathjax

Question

hexo博客casper主题加了mathjax，在loacalhost中能用，发布后不能用。
少了cdn的js。

Answer 1

本答案由爪磕协同GPT-4o回答，希望对您有所帮助 解决问题望采纳！

---

从你的描述和截图来看，你的Hexo博客在本地开发环境中能够正确加载MathJax，但在发布到线上环境后无法加载MathJax。这通常是因为CDN资源在发布后的路径配置问题。

以下是一些步骤来解决这个问题：

1. 检查MathJax的CDN配置：
   确保你在Hexo博客的配置文件中正确配置了MathJax的CDN链接。常见的MathJax CDN链接如下：

   <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
   

   你可以在source/_includes/head.ejs或主题的相关配置文件中添加这一行。

2. 确保线上环境能够访问CDN：
   在线环境是否能够正常访问CDN资源有时会受到网络环境的影响，例如防火墙或者CDN服务自身的问题。你可以试着在浏览器中直接访问CDN链接，查看是否能够正常加载。

3. Hexo配置文件：
   确保在Hexo的配置文件中（_config.yml），MathJax的设置是正确的。例如：

   mathjax:
     enable: true
     per_page: false
     cdn: //cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js
   

4. 清除缓存并重新生成：
   有时候Hexo的缓存会导致一些问题。你可以尝试清除缓存并重新生成站点：

   hexo clean
   hexo generate
   

5. 检查Console错误信息：
   发布后的网页如果无法正常显示MathJax，可以打开开发者工具（通常按F12键），查看Console中的错误信息。这些信息可以帮助你定位问题。

6. 网络环境问题：
   确保你线上环境所在的服务器网络能够访问cdn.mathjax.org和cdnjs.cloudflare.com，有时候网络问题会导致资源无法加载。

具体步骤如下：

• 打开themes/casper/_config.yml，找到MathJax配置部分。
• 确认MathJax的CDN链接正确无误。
• 如果需要，可以尝试更换CDN链接，例如使用https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-AMS_HTML。

按照以上步骤检查和调整你的配置，应该可以解决MathJax在发布后无法加载的问题。如果问题依旧，请提供更多的错误详情，以便更深入地排查。