hexo博客live2d如何设置位置

115人浏览 2024-05-21 00:09:37

共2个回答

@绝处逢生
2024-05-21

最佳回答

在Hexo博客中使用Live2D时，设置位置需要对主题进行相应的调整。需要确定希望放置Live2D的位置，例如在博客首页的侧边栏中或者是每篇文章的顶部。可以通过修改主题的配置文件或自定义CSS样式来实现Live2D的位置设置。具体的方法因主题而异，可以查看主题文档或者在社区中寻求帮助。可以尝试修改主题的widget或sidebar配置，或者添加新的CSS样式来定位Live2D元素。经过适当的调整和测试，就能够实现Live2D在博客中的合适位置。
法夫纳之拥
2024-05-21

在hexo博客中添加live2d插件，并确认插件已经成功运行。打开博客的主题文件夹，找到live2d.css文件。在其中添加以下代码：.live2d-widget { position: fixed; right: 0; bottom: 0; z-index: 200;}在这段代码中，我们设置了live2d小人的位置为固定定位，在屏幕右下角，并将其放在其他元素的上层。你可以根据自己的需要调整这段代码中的值，来更改live2d小人的位置和大小。将"right"和"bottom"的值改为负数，可以将小人向左上角移动。保存文件并刷新博客页面，就可以看到live2d小人已经成功地设置在了你想要的位置上了。