Candinya / Kratos-Rebirth

一个可爱而现代的 Hexo 主题
GNU General Public License v3.0
648 stars 81 forks source link

Bug 回报:长 LaTeX 内容无法换行导致窄屏浏览时内容溢出 #162

Closed Candinya closed 1 year ago

Candinya commented 1 year ago
  1. 报告前须知
  1. 对Bug的描述:

    使用 hexo-math 插件 MathJax 生成的公式无法自动换行,主题样式现在针对长内容没有分段,导致窄屏浏览时内容溢出 KaTeX 生成的没有问题

  2. 复现Bug的方法:

    作为公式来讲随意换行也不太好,调整一下样式,让它可以像长代码块一样左右滑动

  3. 相关的截图:

    image

  4. 运行环境(如果该Bug的产生和环境有关,例如浏览器不兼容导致):

  5. 您的配置文件:

  6. 补充内容:

    来自评论区 https://candinya.com/posts/Kratos-Rebirth/ @FrozenLemonTee

ArcticLampyrid commented 1 year ago

感觉应该是 math 类插件的锅?

Candinya commented 1 year ago

感觉应该是 math 类插件的锅?

有可能,如果有比较明显的格式的话可以专门优化一下样式,我明天具体看一看

Candinya commented 1 year ago

装了 hexo-math 插件,用 MathJax 生成的公式确实不会自动折行,加了一个块滚动代码让它能左右滚动,可以试一试效果(或者等下一个版本发布) 用 KaTeX 生成的是分散的字元,会自动折行,所以没做处理

FrozenLemonTee commented 1 year ago

第一时间测试了一下,发现还是存在问题,虽然通过横向滑块可以解决latex长公式的溢出问题,但是原来嵌入文字里的公式却被强制换行了:

image

而原来的效果应该是这样的:

image

可不可以让latex公式有两种显示方式,嵌入文段的短公式保持和修复前一样,而长公式可以通过横向滑块来查看呢?

Candinya commented 1 year ago

新推了一个提交,可以试试这样会不会好一些哦

ArcticLampyrid commented 1 year ago

实在不行也可以来试试 katex? https://github.com/ArcticLampyrid/hexo-filter-katex

FrozenLemonTee commented 1 year ago

这次改好以后直接部署了,然后用手机尝试了一下,除了长公式在显示上会被缩小以外,已经没有其他比较大的问题了。

Screenshot_20221027_182911_com UCMobile

至于这个长公式尺寸被缩小的问题,基本上不算太影响阅读,当然如果大大可以完善就更好了~

Candinya commented 1 year ago

缩小看起来也有点奇怪,我想想有没有其他什么办法再优化一下(挠头x

Candinya commented 1 year ago

换了一种 display ,不知道能不能优化一下样式的问题(也可能是劣化hhhh

FrozenLemonTee commented 1 year ago

这回看起来没有问题了,感谢! 顺便问一个题外话,我看了一下waline已经更新到2.13了,功能上新增了很多东西,咱们这边可以适配一下新版本吗?

Candinya commented 1 year ago

好的,我看看

Candinya commented 1 year ago

Waline 也已经更新了(暂时在开发代码,下一版就能用上啦)