Hexo-主题个性化-个性人物设置与萌国icp备案

发表于 2022-09-04 更新于 2024-02-10 分类于 Hexo 阅读次数：本文字数： 1.8k 阅读时长 ≈ 2 分钟

在日常逛博客中，发现有些博客有个卡通人物坐镇，所以自己也开始琢磨如何整一个。下面就简单讲讲

其实大概思路还是跟之前的有的主题配置差不多

载包 - - - 选择人物 - - - 根目录文件配置

后面再聊聊如何在萌国备案，用于方便交流

个性人物设置

1. 载包

1	$ npm install --save hexo-helper-live2d

2. 选择人物

live2d-widget-model-chitose
live2d-widget-model-epsilon2_1
live2d-widget-model-gf
live2d-widget-model-haru/01 (use npm install --save live2d-widget-model-haru)
live2d-widget-model-haru/02 (use npm install --save live2d-widget-model-haru)
live2d-widget-model-haruto
live2d-widget-model-hibiki
live2d-widget-model-hijiki
live2d-widget-model-izumi
live2d-widget-model-koharu
live2d-widget-model-miku
live2d-widget-model-ni-j
live2d-widget-model-nico
live2d-widget-model-nietzsche
live2d-widget-model-nipsilon
live2d-widget-model-nito
live2d-widget-model-shizuku
live2d-widget-model-tororo
live2d-widget-model-tsumiki
live2d-widget-model-unitychan
live2d-widget-model-wanko
live2d-widget-model-z16

下面就是下载下模型就可以，比如我用的是haruto

1	$ npm install live2d-widget-model-haruto

3. 根目录配置

在博客的根目录下_config.yml添入下面就可以

live2d:
    enable: true
    scriptFrom: local
    model: 
        use: live2d-widget-model-haruto #模型选择
    display: 
        position: left  #模型位置
        width: 200       #模型宽度
        height: 350      #模型高度
    mobile: 
        show: false      #是否在手机端显示

如果要改变大小就调整这边的width和height就可以实现

这边的话就是要提下，因为我们在尝试模型样式的时候，可以先本地部署康康效果。

但是起初我是换一下一遍hexo clean +hexo s -g这样就会特别麻烦

其实你只要保存下根目录的文件然后把本地网页刷新下就可以看到效果，

当然你得注意bash里有没有报错嘿嘿

萌国ICP备案

萌国的ICP与正式备案是有区别的，这仅是方便与交流。当然你可以选择博客的备案靓号。

下面这是萌国的进入通道，然后按照提示的操作来就可以

%EF%BC%8C%E7%82%B9%E5%87%BB%E4%B8%8B%E6%96%B9%E7%9A%84%E2%80%9C%E5%8A%A0%E5%85%A5%E2%80%9D%EF%BC%8C%E7%84%B6%E5%90%8E%E4%BC%9A%E6%8F%90%E7%A4%BA%E6%88%91%E4%BB%AC%E7%9A%84%E5%87%86%E5%A4%87%E5%B7%A5%E4%BD%9C%E3%80%82)

最后就是把你的萌国ICP备案贴在博客的bottom

`themes\next\layout\_partials`这个路径下打开footer.njk

贴下这部分代码就可以

1	<a href="https://icp.gov.moe/?keyword=20227290" target="_blank">萌ICP备20227290号</a>