专栏首页前端之旅hexo 中文文章渲染错误的bug解决

hexo 中文文章渲染错误的bug解决

这实际上是在很长一段时间内困扰我的一个 bug,在 hexo s 本地查看 markdown 文章后,会偶发性地出现部分文章渲染错误的情况,

就变成这个鬼样子了:文章底部有一定的概率渲染不出文字,而且把底部的 div 都给吞了………

查看源码后发现是一大堆莫名其妙的乱码,并且这种情况仅在打开本地服务器后查看的中文文章下出现。我一开始以为是自己主题的问题,于是更换了其它主题,发现问题依然存在。很长一段时间内没有在网上找到解决方案,鉴于这个 bug 只在本地服务器下才会出现,所以我也就暂时没管了(尽管很难受)。就这样过了一年………

结果,今天竟然有意外的发现!我发在 v2ex 的求助帖有人回复了,层主说他也遇到了一样的问题,建议我更新 hexo 的版本。我一想,确实很久没更新了,也许是 hexo 的问题,更新之后说不定可以解决。不过,在我更新完版本,满怀欣喜地查看文章的时候,发现很多文章还是渲染出错。

这时候我注意到一个问题,就是我使用的热更新插件 hexo-browsersync 在一些文章下没有热更新的提示,而且这些文章恰好就是渲染错误的文章。于是我来到插件的 issue 下,看有没有新的发现 —— 真的有。就是这篇 issue,大概浏览了一遍,发现大家都有和我一样的问题,不管是环境还是症状,都一模一样(流下了同病相怜的泪水)。

具体的原因,暂时还没有特别明确的解释,但 issue 里有人说是文件流传输过程中编码出错导致的。正常情况下不使用热更新插件还看不出这个错误,在使用之后就暴露这个问题了。按照帖子底下的做法,最终完美解决,所有的文章都正常显示了。

总结一下,如果你:

可以尝试:

  • 卸载 hexo-browsersync 插件。貌似新版的 hexo 已经支持热更新了,所以不再需要这个插件了
  • 保留插件,在 hexo 根目录的 config.yml 文件中添加配置(黑魔法):
server:
  compress: true 

完美解决!

参考:

https://github.com/hexojs/hexo-browsersync/issues/15

https://github.com/twoyao/beautiful-hexo/issues/6

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 折腾博客系列之博客搭建:Hexo+Github pages

    初衷:之前我习惯用印象笔记进行知识的收集和整理,虽然很好用,但终归只适合输入而不适合输出。我需要的是一个更加开放的平台,在这上面可以输出: 1.学习的收获 ;2...

    Chor
  • 操作系统学习笔记-7:进程通信

    进程 A 无法直接访问进程 B 的地址空间,反之亦然,所以提供一块可以供 AB 访问的共享空间。这块共享空间属于互斥的临界资源。

    Chor
  • PureBlue 主题更新记录

    修复文章目录过长覆盖 footer 的问题 本来想集成 Alogolia 搜索,无奈问题一个接着一个,只好放弃

    Chor
  • OpenCV中基于Retinex的图像增强实现

    美国物理学家埃德温∙兰德(Edwin Land) 在 1971 年提出一种被称为色彩的理论,并在颜色恒常性的基础上提出的一种图像增强方法。Retinex 理论认...

    zy010101
  • 如何在Ubuntu 18.04上重置MySQL或MariaDB Root密码

    忘记密码发生在我们最好的人身上。如果您忘记或丢失了MySQL或MariaDB数据库的root密码,如果您有权访问服务器和具有sudo权限的用户帐户,您仍然可以获...

    你在哪里
  • excel导出使用get请求参数过长问题

    excel导出功能时,使用的是window.location.href=url也就是get请求。当传入参数过长的时候就报了414,地址过长的错误。

    用户1518699
  • 百足之虫死而不僵:Auto456家族木马的死灰复燃

    作者 tianjiyun 就在今年上半年,456游戏大厅还是金钱的代名词。一个看起来并不起眼的游戏平台,注册用户却达2000余万,每天获利最高可达100余万。这...

    FB客服
  • (5)Shark工作流的实现和WMFC&OMG规范的对比

    <?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

    田春峰-JCJC错别字检测
  • navicat连接mysql出现2059

    指尖改变世界
  • dubbo源码研究(一)

    老梁

扫码关注云+社区

领取腾讯云代金券