LiveSplitのスプリットに合わせて画像を表示する
スプリットに合わせて出す系で有名なやつ
テキストは出せるが画像は出せず
自分の環境ではうまく動かず
今回はこれを使用
少し改造した
MDNotesの使い方
LiveSplitにWebSocketコンポーネントを入れて、Layoutに追加
リポジトリをクローンしてローカルサーバーを立てる
VSCodeのLive Serverが一番簡単
lssファイルと同じ名前でmdファイルを作り、assets/notesに入れる
code:例.md
# 区間1
![](index.htmlから見た画像のパス)
# 区間2
![](index.htmlから見た画像のパス)
LiveSplit右クリック→ControlからStart Websocket
localhost:5500をブラウザで開いて、LiveSplitを操作すると動くはず
行った改造
ダークテーマ化
初期表示の文章を変更
CDNで読み込んでいるmarkedのバージョンを固定化
<script src="https://cdn.jsdelivr.net/npm/marked@3.0.7/marked.min.js"></script>