# 動機
因為在實做物聯網課程的網站時，發現 Live2D 沒辦法成功掛上去。
明明檔案在、位置我看也正確。但就是 404 Not Found。
當時我就想如果要修正不如自己架一個，也可以當我未來應徵工作的 blog、作品集。
# 目的
# 紀錄筆記
以前我都是用 hackmd 做筆記。好用是好用，但如果當下沒網路、或訊號不好。
會不容易打開筆記。當然主因還是因為懶，打開 Hackmd 就是要開始工作的意思了
到我的本地端也可以用 vscode 掌控。所以打算換做法了。
目前打算紀錄以下的筆記
- Unity
- CSharp
- 繪圖
- Live2D & 其他軟體 (像是 Live2DViewer (EX)、Vtube Studio)
- MMD
- Spine2D
# 繪圖過程、成品
雖然我主要會投稿在 Pixiv、Bsky、巴哈姆特，我打算也在這裡經營。
主因是不太重要但我在意很久，Pixiv 的作品封面不能自由調整。
還有就是自己網站我想怎麼調就怎麼調，掛 Live2D 看板娘、放背景音樂。
# Live2D 看板娘
對，強調很多次。我想做的有 Live2D 看板娘的網站。
# 實做
# 前言
雖然我是使用較簡單的框架去實作。
想比起大三課程 (那門課甚至都不是教這個，而是 PHP 跟 MySQL ) 使用 Node.js 硬幹 Live2D Web SDK。
當時回想自己可能瘋了，那時候期末報告主題是做一個有後臺數據庫的網頁
而我想做些更大的，所以－
一些 JavaScript 基礎、無 TypeScript 、 Npm 經驗。
兩個禮拜內看著官方文檔，將 Live2D 硬幹至 Blog，Blog 還是直接找主題撰寫 html 跟 Javascript
當然 Live2D 模型是我自己去外面補習上課畫的、做建模的。
因為要做的東西很多，期末兩人一組，我不想讓組員跟著我負重前行，所以我把簡單的修改 html 跟 css，還有測試工作交給他。
而這是在外面上課畫我的 OC，尼洛可。但是這是舊設了。
之後會重新畫他的設定跟人物。
# 想法
而這次我想多使用別人寫的好用插件跟主題，在有限時間內做出更好效果的網站。
如果有機會我可以寫怎麼做出來的。
# 更動
雖然我主要都是套主題，但針對我的需求我還是有去做修改
- 左下角 Live2D 模型一開始偏扁，修改 css 長寬，並將
<canvas>的位置往左移，人物模型往右移 - 點擊網頁任何頁面自動撥放音樂，但如果直接點播放鍵則會觸發兩次，相當於沒播放
