什么是看板娘蛀缝？
那就她了——>
看板娘是一種職業(yè)和習(xí)慣稱呼顷链，也是ACGN次文化中的萌屬性之一。簡而言之就是小店的女服務(wù)生屈梁，也有“吸引顧客嗤练，招攬生意，提高人氣”等作用類似品牌形象代言人的含義在讶∩诽В看板(kanban)是日語特有的管理名詞，其英文可以是“signboard”或者“visible record”构哺。通常革答，看板是一張標(biāo)簽或卡片，放在透明顏料袋裝內(nèi)曙强，或貼在零件上蝗碎，或貼在盛裝制品的容器上，還可以是流水線上各種顏色的小球或信號燈旗扑、電視圖象等。
作為web開發(fā)者的紳士（死肥宅）們慈省，怎么能拒絕一個(gè)這么可愛的妹子幫你看護(hù)你的網(wǎng)站呢臀防！
好了下面就來簡單介紹一下怎么把她放到你開發(fā)的網(wǎng)站里。
首先边败，我們需要到大佬那里去下載一下這個(gè)看板娘的資源（就是字面意思）袱衷。https://www.jsdelivr.com/package/npm/live2d-widget
就是上面這個(gè)網(wǎng)站了。
進(jìn)去之后呢是這個(gè)頁面
看見那個(gè)下載標(biāo)志沒笑窜，點(diǎn)擊下載（沒看見就是昨天**了眼花）
下載好了就是這個(gè)文件
然后用自己常用的方法進(jìn)行解壓（這不需要我教你吧）
這個(gè)狗賊居然有兩層壓縮致燥，反正最后解壓出來的文檔就是package文件夾了
讓我們一起打開這個(gè)文件夾嗷
這時(shí)候有人就會說了：wdnmd，這么多玩意排截，我怎么知道用哪個(gè)嫌蚤？
莫急辐益，我一步一步給你說。
進(jìn)入lib文件夾——>拿走下面四個(gè)經(jīng)過標(biāo)記的文件（復(fù)制走脱吱，別剪切智政，萬一以后還有用）
下面我簡單弄一個(gè)基礎(chǔ)的web開發(fā)結(jié)構(gòu)，告訴你們怎么請出我們可愛的看板娘
首先建立一個(gè)web文件夾
里面的目錄結(jié)構(gòu)是這樣的
然后把剛剛復(fù)制的四個(gè)文件放入js文件夾
接下來我們需要自己寫一個(gè)css文件箱蝠，我就將它命名為girl.css好了
它的代碼如下：
#live2dcanvas {
border: 0 !important;
}
沒錯(cuò)就是那么少
然后我們再建立一個(gè)看板娘.html文件续捂，放在根目錄下
下面就是它的代碼
<!DOCTYPE html>
<html>
<head>
<title>我的看板娘</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/girl.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/L2Dwidget.0.min.js"></script>
<script type="text/javascript" src="js/L2Dwidget.min.js"></script>
</head>
<body>
<script>
L2Dwidget.init({"display": {
"superSample": 2,
"width": 200,
"height": 400,
"position": "right",
"hOffset": 0,
"vOffset": 0
}
});
</script>
<!-- 這個(gè)script就寫在html里面，千萬不要把它加入引用文件宦搬，因?yàn)樗枰软撁驿秩就戤呍賵?zhí)行牙瓢，不然可愛的看板娘不會出來哦 -->
</body>
</html>
head里面就是一些簡單的對文件的引用，稍微有點(diǎn)web開發(fā)知識都知道了间校。
好了矾克，萬事俱備，只欠打開瀏覽器了撇簿，讓我們直接打開——看板娘.html
嘻嘻聂渊，可愛的女孩就出現(xiàn)在了你網(wǎng)頁的右下角，嘿嘿四瘫，通過你的點(diǎn)擊她還可以做出不同的表情汉嗽，她的眼睛也是跟隨你鼠標(biāo)的移動而移動，可以說非痴颐郏可愛了饼暑。你別亂點(diǎn)哦，即使要亂點(diǎn)洗做，也要在周圍沒有人而且?guī)隙鷻C(jī)的情況下弓叛，她會說話的（就是那些見不得人的新津話），哈哈開玩笑诚纸，總之是非匙辏可愛了。
好了畦徘，這個(gè)教程就到這里結(jié)束毕籽！溜了~
