スポンサードリンク

お一人様用の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ファイル1個で動く「簡単WEBサーバー」がなかなか便利

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

スポンサードリンク
コメント
Verify your Comment
Previewing your Comment

This is only a preview. Your comment has not yet been posted.

Working...
Your comment could not be posted. Error type:
Your comment has been posted. Post another comment

The letters and numbers you entered did not match the image. Please try again.

As a final step before posting your comment, enter the letters and numbers you see in the image below. This prevents automated programs from posting comments.

Having trouble reading this image? View an alternate.

Working...

コメントを投稿

プロフィール


  • 書いてる人:夢界 陸

    名古屋在住のおっさん。
    プログラミングやガジェットの話など、 日々の興味を徒然と綴っています。



    Twitterやってます @mukairiku



    運営サイト
    www.mukairiku.net

アクセスランキング


ブログ内検索

Licenses

  • Creative Commons License

OTHER

  • このブログのはてなブックマーク数

    ブログパーツ
Blog powered by TypePad

スポンサードリンク