静的Webサイトを生成するツールは多数存在します。多くはHTMLを吐き出すので、それをアップロードします。しかし静的ファイルを使うのでは前時代的なWebサイトと何ら変わりません。 そこで使ってみたいのがVuePressです。Vueを使って静的サイトを構築するソフトウェアです。

VuePressの使い方

サンプルです。

編集すると即座に画面へ反映されます。

見出しを付けたり、絵文字を使ったり。

コードも使えます。

VuePressの魅力は静的サイトでありながらVueによってページのリロードがないことでしょう。そのため、閲覧者がクリックすると、その内容が即座に反映されます。ユーザ体験としては素晴らしいものがあります。コンテンツはMarkdownで作りますので、これまでに作ったコンテンツやドキュメントが流用できそうです。

VuePressはJavaScript製のオープンソース・ソフトウェア(MIT License)です。

VuePress vuejs/vuepress: ? Minimalistic Vue-powered static site generator