自制 hexo 主题的详情页的时候,发现文章显示不全,请问是什么原因呢?

2019-03-21 15:45:36 +08:00
 Chorer

最近在自己做一个 hexo 博客框架的主题,首页和基本结构都做的差不多了,但是做详情页的时候遇到了一点问题。我发现文章篇幅短的显示正常,文章篇幅长的,多出的部分就自动消失了,而且连底部的固定样式也消失了(顶部和底部是写在 layout.ejs 文件中,是每个页面的固定部分),不清楚是什么原因。样式方面,我没给文章固定高度,正常来说应该是由文章来撑开的。然后我做了一点测试,建立了一个单独的 test.md 文件,发现内容全是纯英文的时候,可以全部显示出来,包括底部 nav ;但是如果内容是中文,固定到某个地方就会消失,后面的内容全部不显示了。我查看了此时的控制台源码,发现从文字消失的那个地方起,后面全变成了方块,疑似是渲染失败,因此我又换了一个浏览器(火狐),发现在火狐下也是这个情况。很郁闷= = 好像发不了图片,所以只能文字描述了。= =求救各位大佬们。

1066 次点击
所在节点    问与答
5 条回复
tigeroses
2020-03-05 17:40:39 +08:00
我最近也遇到了,通过测试,发现中文博客如果文章过长会显示不全;后来发现是 hexo 版本有问题,我从 3.9 升级到 4.2 就没有显示不全的问题了,升级命令: npm i hexo-cli -g 希望对其他人能有帮助
Chorer
2020-03-17 15:15:39 +08:00
感谢,我回头试试看,版本确实是旧了,一直没更新
Chorer
2020-03-17 15:36:08 +08:00
@tigeroses 有点奇怪,升级不了。hexo -v 查看后还是 3.8.0 版本
Chorer
2020-03-17 15:58:46 +08:00
新的发现:极有可能和 hexo 的热更新插件有关,或者是 hexo s 的配置有关。详情看这里: https://github.com/hexojs/hexo-browsersync/issues/15


如果有人使用了 hexo-browsersync 热更新插件,并且出现文章中文显示不全、渲染出错的情况,可以尝试:

1.按照 @tigeroses 的说法,更新 hexo 和 hexo cli 版本
2.在 hexo 根目录的 config.yml 文件中增加配置:
server:
compress: true
tigeroses
2020-03-26 17:55:14 +08:00
@是的,后来我写了个 blog 记录了下,确实是这个插件导致的,我是直接禁用了这个插件 http://tigeroses.com/2020/03/06/resolve-long-page-display-error/

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/547040

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX