お一人様用のwiki「MDwiki」が楽しい

wikiっぽいサイトを作りたい。でも編集は自分だけ出来ればいい！ ていうか、他の人には編集させたくない。という条件で、ツールとかサービスとかシステムなんかを探してたのですが、「MDwiki」がとっても良さげなので導入してみました。

特徴としては・・・

1. htmlファイル一つで動く
2. サイトの更新はページごとにデータファイルを編集してサーバーにUPLOAD
3. データファイル（表示する内容）はマークダウンで記述
4. Bootstrapでデザインがキレイ＆変更が可能

といったところでしょうか。

仕組みとしては、Webブラウザに読み込まれた html ファイルが、Ajax でWebサイトに置いてあるデータファイルを読み込んで、ページに表示する。という流れになります。

なので、面倒くさいDBやらPHPやらの設定やあれやこれやが一切必要ないんです。これは楽ちん。

それでいて、検索エンジンにはちゃんとインデックスされるという優れものです。

導入は、GitHubのページから、zipファイルをダウンロードしてきて解凍します。

出てきた mdwiki.html はファイル名を変えても動くので、必要に応じて index.html とかにリネームしちゃいましょう。

続いて自分のサイト用に必要なデータファイル（Webページに表示する内容）を作っていきます。

最低限 index.md は必要になるので、マニュアルを見ながらマークダウンでテキストファイル（文字コードは UTF-8）に書いていきます。この index.md の内容がトップページに表示されます。

でも、日本語の情報って少ないんじゃないの？ と思ってたら、日本語のマニュアルを公開されている方がいらっしゃいまして、これでまた楽させていただきました。感謝。

MDwikiマニュアル

ここまでできたら、あとは index.html(mdwiki.html) と index.md と、その他もろもろの準備したファイルをサイトにFTPとかでUPして、Webブラウザでアクセスするだけです。

ローカルでの動作確認にはHTTPサーバーが必要(htmlファイルを直接ブラウザで開いても動かない)なので、何か仕掛けが必要ではありますが、「簡単WEBサーバー」を使えばらくらくクリアです。

と、思ってたら、Firefox だとサーバーなしの htmlファイル直叩きでも動くじゃないですか！ スバラシイ！

追記：2018/02/17

サイト内のリンクとかは全部自分で面倒見ないといけないけど、頑張れば自分好みにカスタマイズだって可能だし。なかなか楽しいです。

参照リンク
　・MDwiki - Markdown based wiki done 100% on the client via javascript
　・MDwikiマニュアル

カスタマイズリンク
　・MDwiki：Markdownベースの超シンプルCMS / catch.jp memo
　・MDwikiコンテンツエリアのカスタマイズ | 3D技術研究所Blog
　・MDwikiへの広告の配置 | 3D技術研究所Blog
　・MDwikiにソーシャルボタンを配置する方法 | 3D技術研究所Blog

【関連エントリー】
　・exeファイル１個で動く「簡単WEBサーバー」がなかなか便利

【まとめページ】
　MDwiki 関連記事まとめ