?? 內容為王，但誰還不是一個顏控？
有一說一，向來我自己的站點風格都盡力保持簡約大方，沒有多余的功能模塊，也沒有花里胡哨的css和js，就是簡簡單單的，希望給人一種大家閨秀的感覺，但這樣，難免會缺少鄰家小妹的秀氣，宛如房間里缺少綠植，少了些許靈動，于是，我決定走出去觀賞哈大佬們的博客，只有這樣才可以讓愚笨的我找到些許靈感，進而讓我的寒舍蓬蓽生輝，
對不起，我看上你家的老板娘了
懷著初心，四處尋覓，在TX交友網站「Github」停留良久，尤其是基于Hexo的主題更是讓人眼花繚亂，
亂花漸欲迷人眼，淺草才能沒馬蹄， —— 錢塘湖春行(白居易)
為了維持現有的博客風格，自然是不能大修大改，正在躊躇時，一篇博文引起了我的注意，當然現在我已經想不起來具體文章內容，只記得左下角有一個可可愛愛的女孩像花一樣沖著我笑，還很調皮，我坦白，當時我就……瞬間有了靈感，
是不是很二次元！點擊完整體驗 當時我猜想，這個姑娘應該是該網站的老板娘，如果把她帶走放置到我的網站，豈不是會增加些許靈氣？
一見鐘情，我帶走了別人的看板娘
說干就干，查了相關資料，原來這個叫做Live2D
是一種應用于電子游戲的繪圖渲染技術，技術由日本Cybernoids公司開發，通過一系列的連續影像和人物建模來生成一種類似三維模型的二維影像，對于以影片風格為主的冒險游戲來說非常有用，
集成到網頁中后，學術名叫看板娘，hexo官方已經存在插件hexo-helper-live2d，但是5年前就已經停止更新，沒有新的模型，不推薦大家使用，
看著看著我就打開了控制臺……
分析了一下網路請求，原來看板娘分兩塊內容：
- 框架
- 模型
所以，首先我們得先把框架集成到專案中，然后再將模型檔案引入進來，
看板娘框架
我又在TX交友網站「Github」根據關鍵詞檢索了一番，發現一個不錯的框架stevenjoezhang/live2d-widget，支持的模型也很可愛，目前這個框架已經開源，我已經fork，感謝該作者，說明檔案也寫的很全面，此處不再贅述如何使用，主要有兩種集成方式：
| 方式 | 優點 | 缺點 |
|---|---|---|
| 直接參考JS | 一鍵引入、方便快捷、節省生命 | 不支持自定義 |
| 魔改框架? | 將原始碼下載后，魔改該框架，這樣更契合你的網站 | 花點時間理解框架 |
我當然選擇了魔改框架，因為我要為我的網站高級定制看板娘，
看板娘模型
當你看懂這個框架之后，會發現，雖然這個框架不提供模型，但是，很明顯cdnPath就是訪問模型的路徑，模型的靜態資源已經放入到cdn上面了，速度卻還是很慢，所以，接下來，我有一個想法：把靜態資源爬下來，放到國內的cdn上，
通過分析網路請求，發現前三個請求都是json格式的組態檔：
model_list.json是展示該模型庫所有的模型串列waifu-tips.json是控制看板娘框架不同互動的提示語，在框架中控制，不屬于模型庫index.json指的是當前展示的模型需要哪些配置- 剩下的網路請求路徑全部依托于
index.json里面的配置內容
所以，我們可以得出結論，如果想要爬取這個模型庫，那我們按以下步驟：
人生苦短，我用python寫了一個腳本爬取，主要用到的庫是requests、os，在寫的程序中發現一個趣事：
# mkdirs竟然可以支持創建帶有上級路徑的檔案夾
path = '/pic/../video'
os.path.mkdirs(path) # 會創建video的檔案夾
# abspath可以計算絕對路徑，比如輸入`/pic/../video/xx.mp4`
path = '/pic/../video/xx.mp4'
print(os.path.abspath(path)) # 輸出`/video/xx.mp4`
代碼我已經上傳到github上面，大家可以參考，這個倉庫會更新一些平時寫的腳本，老哥們感興趣的話，可以star??，
經過爬取，我整理了一下模型庫，總共有27個模型，并將各個模型的名字也標注出來：
模型庫我已經上傳到Githublive2d_models，推薦大家可以將這些模型都上傳自己的cdn服務（大小70M+，不適合放入專案中），然后在model_list.json配置自己喜歡的模型，cdn服務我一直用的是七牛云，一個月不到1塊錢（可能是沒什么訪問量??）
速度很快，服務穩定，價格便宜，方便管理（比如防盜鏈等設定），現在可以點擊我的推廣鏈接進行試用，
比如，當前網站就配置了6個模型
好啦，大家如果感興趣可以帶一個看板娘回家，如果在配置程序中遇到什么問題，可以關注微信公眾號，進群交流，
本文可轉載，但需宣告原文出處， 程式員小明，一個很少加班的程式員，歡迎關注微信公眾號“程式員小明”，獲取更多優質文章，
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/546774.html
標籤：Java
上一篇：讀Java性能權威指南（第2版）筆記16_垃圾回收C
下一篇：一天吃透MySQL鎖面試八股文