hexo（6）maupassant主題問題彙總

目前文章中的很多 bug 新版本已經修復啦#

問題一：mathjax 的 cdn 問題#

每次啟動的時候都能在控制台中看到報錯如下：

WARNING: cdn.mathjax.org has been retired. Check https://www.mathjax.org/cdn-shutting-down/ for migration tips.

提示我們切換 cdn 鏈接，將themes/maupassant/layout/_partial/mathjax.pug中的內容修改為如下：

script(type='text/javascript', src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML', async)

問題二： copycode 按鈕跟隨滾動條滾動#

只針對使用了 npm 包hexo-prism-plugin-advanced可能會遇到這個問題。

就是當代碼塊太長的時候，copycode 按鈕會被代碼覆蓋導致難以被點擊到，這裡我們順便加一點上邊距。

在上一篇博文中創建的source/css/external.css中添加如下代碼:

pre[class*="language-"] {  
    padding-top: 2em;  
}  
  
pre[class*="language-"].line-numbers {  
    position: static;  
    padding-left: 3.8em;  
    counter-reset: linenumber;  
    overflow: auto;  
}

同時修改下themes/maupassant/source/js/copycode.js下的代碼，找到需要添加代碼的上下兩行，加上中間一行：

var successText = $(script).attr("successtext")  
$("pre").wrap('<div style=" position: relative;"></div>')   // 添加這一行
var copyHtml = '';

問題三：高亮插件添加類型推斷#

目前如果沒有給代碼塊添加語言類型，會導致渲染出來的樣式沒有框框。

問題四：waline 評論無法開啟 level 顯示#

我提了個Q&A給作者，目前已經修復了。

問題五：控制台報錯 fancybox is not function#

報錯如下：

問題出現原因：感覺是項目引入fancybox的順序導致，因為不影響使用且不是每次必現，所以我沒有去深究。

解決方法:

如果用不到這個功能，或者你不知道這個功能是幹嘛的，可以在主題的配置文件_config.maupassant.yml中設置fancybox: false。
如果真想解決這個問題，可以themes/maupassant/layout/_partial/after_footer.pug中將引入fancybox標籤的async屬性刪除即可。

刪除後的部分代碼如下：

if theme.fancybox == true  
  script(type='text/javascript', src='//lib.baomitu.com/fancybox/latest/jquery.fancybox.min.js')  
  script(type='text/javascript', src=url_for(theme.js) + '/fancybox.js' + '?v=' + theme.version)  
  link(rel='stylesheet', type='text/css', href='//lib.baomitu.com/fancybox/latest/jquery.fancybox.min.css')

備註：想深入了解可以去fancybox 官網看看。