cirry

cirry

我的原生博客地址:https://cirry.cn

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#

报错如下:

image

问题出现原因:感觉是项目引入fancybox的顺序导致,因为不影响使用且不是每次必现,所以我没有去深究。

解决方法:

  1. 如果用不到这个功能,或者你不知道这个功能是干嘛的,可以在主题的配置文件_config.maupassant.yml中设置fancybox: false
  2. 如果真想解决这个问题,可以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 官网看看。

加载中...
此文章数据所有权由区块链加密技术和智能合约保障仅归创作者所有。