solo 皮肤 nijigen 更换背景图片

过程

nijigen 背景图片不大符合本人 XP), 于是萌发出想换一换背景图片的念头( .

此博客是基于 Docker 部署, 但是静态文件存放位置应该是类似的.

第一步 抓包看看

打开 F12, 选择 网络, 勾选 保存日志 和 停用缓存, 再点击左侧的按钮清空报文, 最后按 Ctrl + r 刷新浏览器

由报文可知, 浏览器向后端请求了 6 张照片, background1~6.jpg. 此类静态文件的命名在后端多半是不变的, 所以可以试试去按关键字 background1.jpg 进行搜索, 考虑到 solo 有多款皮肤, 猜测每个皮肤应该是分文件夹放置各自的图片和脚本的.

第二步 搜搜图片

进入容器内部进行搜索

/opt/solo # find ./ -name "nijigen"
./skins/nijigen
/opt/solo # ls ./skins/nijigen/
archive-articles.ftl   article-list.ftl       category-articles.ftl  footer.ftl             images                 js                     preview.png            skin.properties        tags.ftl
archives.ftl           article.ftl            css                    header.ftl             index.ftl              links.ftl              side.ftl               tag-articles.ftl
/opt/solo # ls ./skins/nijigen/images/
background1.jpg  background2.jpg  background3.jpg  background4.jpg  background5.jpg  background6.jpg  cursor.cur       pointer.cur

可以看到猜测基本正确, 同时也能在第二步命令看到 js 文件夹, 也许其中有关于图片更换及速度的代码(但我懒)

第三步 换着试试

准备好 6 张图片, 将其换入容器内部(黑群)

root@SynologyWHY ~# docker cp /volume1/docker/photo/1.jpg solo:/opt/solo/skins/nijigen/images/background1.jpg
root@SynologyWHY ~# docker cp /volume1/docker/photo/2.jpg solo:/opt/solo/skins/nijigen/images/background2.jpg
root@SynologyWHY ~# docker cp /volume1/docker/photo/3.jpg solo:/opt/solo/skins/nijigen/images/background3.jpg
root@SynologyWHY ~# docker cp /volume1/docker/photo/4.jpg solo:/opt/solo/skins/nijigen/images/background4.jpg
root@SynologyWHY ~# docker cp /volume1/docker/photo/5.jpg solo:/opt/solo/skins/nijigen/images/background5.jpg
root@SynologyWHY ~# docker cp /volume1/docker/photo/6.jpg solo:/opt/solo/skins/nijigen/images/background6.jpg

按 Ctrl + r 清空浏览器内存, 不然可能图片无变化

可以看到背景图片更换成功了(NOEYEBROW 的「不要星」)

第四步 测测后续

后面还进行了两步测试

• 删除后端服务器的第 6 张图片
  然后动画到第 6 张图片的时候就一片空白了
• 在后端添上 background7.jpg
  
  还是只拉了 6 张图片过来(NOEYEBROW 的「宇宙に忘れ物」)

也许一切都在源码里写清楚了? 嗯, 你说得对, 但懒癌犯了(

结论

nijigen 在 /opt/solo/skins/nijigen/images 目录下存了 background1.jpg~background6.jpg 6 张图片. 默认固定按照名字拉取 6 张图, 少图了就空白, 多图也不予显示, /opt/solo/skins/nijigen/js 文件夹下貌似存了轮换代码, 如果下次有机会再来研究研究吧