# 配置看板娘

# 项目地址

叫 live2d-widget 的开源项目

将上面的项目 for 一份

因为在 Shoka 主题下没有找到可以引入第三方插件的配置，所以我选择了直接修改 themes\shoka\layout\_partials\layout.njk ，在下面引入

<script src="https://cnd.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js"></script>

修改脚本路径为 https://cdn.jsdelivr.net/gh/你github的名字/项目名@latest/autoload.js ，比如

<script src="https://cdn.jsdelivr.net/gh/GardenHamster/live2d-widget@latest/autoload.js"></script>

注意：如果你 for 了项目那么就将博客项目的 themes\shoka\layout_partials\layout.njk 文件中引入的链接修改为上面的链接

到自己 for 的项目里面找到 autoload.js 文件修改如下的代码

	#waifu {
	bottom: -1000px;
	right: 50px;
	line-height: 0;
	margin-bottom: -10px;
	position: fixed;
	transform: translateY(3px);
	transition: transform .3s ease-in-out, bottom 3s ease-in-out;
	z-index: 1;
	}

jsdelivr.net 只会缓存你第一次提交的版本，后续修改后你需要手动访问 https://purge.jsdelivr.net/gh/你github的名字/项目名@latest/文件名 的方式对其进行刷新
访问以后会返回一段这样的 json

	{
	"id": "NfF3A42TzNhDiFJy",
	"status": "finished",
	"timestamp": "2022-12-02T18:49:16.998Z",
	"paths": {
	"/gh/GardenHamster/live2d-widget@latest/waifu.css": {
	"throttled": false,
	"providers": {
	"CF": true,
	"FY": true
	}
	}
	}
	}

	https://purge.jsdelivr.net/gh/GardenHamster/live2d-widget@latest/waifu.css
	https://purge.jsdelivr.net/gh/GardenHamster/live2d-widget@latest/src/index.js
	https://purge.jsdelivr.net/gh/GardenHamster/live2d-widget@latest/waifu-tips.js
	https://purge.jsdelivr.net/gh/GardenHamster/live2d-widget@latest/waifu-tips.json