Joe主题有Live2D卡通小人的模块,但是很多人设置了,并不显示。
其实,Joe主题设置里写了,该功能做了限制,默认宽度>1760px的才会显示。猜测为了避免卡通人物挡住正文,影响观感,
如果你想在宽度小于1760px的设备上也显示,可以将以下css文件的这段代码删除,或者修改为你想要显示的最窄设备(比如1200px)即可
解决宽屏限制
要修改的文件
文件路径:/Joe/assets/css/joe.responsive.min
如何修改?
将文件开头的下列代码注释掉或者删除
@media (max-width: 1760px){html #live2d-widget{visibility:hidden}}
{/tabs-pane}
{tabs-pane label="注释掉"}
/*@media (max-width: 1760px){html #live2d-widget{visibility:hidden}}*/
{/tabs-pane}
{tabs-pane label="调整为指定尺寸"}
@media (max-width: 1200px){html #live2d-widget{visibility:hidden}}
{/tabs-pane}
该想要在手机端也显示
修改好之后,手机端默认不显示,如果手机端也需要显示,可参考以下内容:
要修改的文件
文件路径:/Joe/assets/js/joe.global.min.js
如何修改?
搜素 mobile
,然后把 !1
修改为 !0
即可
- 上图左边框选的是宽高,可以自行修改(对PC端也有影响,为避免影响观感,建议修改joe.global.js,手机端和PC端设置不同尺寸,修改后重新压缩js)
我给评论加了图片和链接快捷键 感觉还行 不过算是可有可无的小功能 借鉴了小王先森的技术
其实我不需要这个Live2D小人功能;快捷键我用在了后台编辑器上