Hint bubble not showing

[Reimirno]

Markdown:
The single-line effect is like {% hint 'this' 'This is a hint' %}; the multiple-line effect is like {% hint 'this' 'This is a hint' 'This is another hint' %}.
Effect:

But the hint text is not showing on hovering or clicking.

The version of Hexo I'm using:
hexo: 5.4.0
hexo-cli: 4.3.0
os: win32 10.0.19041
node: 14.17.3
v8: 8.4.371.23-node.67
uv: 1.41.0
zlib: 1.2.11
brotli: 1.0.9
ares: 1.17.1
modules: 83
nghttp2: 1.42.0
napi: 8
llhttp: 2.1.3
openssl: 1.1.1k
cldr: 39.0
icu: 69.1
tz: 2021a
unicode: 13.0

The theme I am using is hexo-theme-yun.

[Reimirno]

The issue would arise if I write something in front of the {% hint ...}.
It can be avoided if I enclose everything in the front with the {% raw %} ... {% endraw %} tag.
The texts after {% hint ...} does not affect it.

For example:
This is a {% hint 'hint title' 'hint text' %}! won't have the hint bubble, but
{% raw %}This is a {% endraw %}{% hint 'hint title' 'hint text' %}! will function correctly.