MarkdownをHTMLの中に埋め込んで1つのファイルにする
やってることは非常に簡単でHTMLの中にMarkdownを書いて marked を利用して表示している。
<!DOCTYPE html>
<html>
<head>
<title>YOUTUBE予約一蘭(2022/08/02)</title>
<meta charset="utf-8" />
</head>
<body>
<script type="text/plain" id="markdown">
## TODOリスト
- TODO: ここにマークダウンを書く
- TODO: 保存したHTMLをブラウザで表示する
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/marked/4.0.18/marked.min.js"></script>
<script>
document.body.innerHTML = marked.parse(document.getElementById('markdown').textContent);
</script>
</body>
</html>
たったこれだけ、約15行くらいである。 しかもコピペすればいいので手間はほぼ0。
.md
ファイルを自動でHTMLファイルに変換するシェルスクリプトでも用意すれば結構簡単に使えるかも。