nginxサーバーにおいたmarkdownファイルをブラウザで表示する備忘録

タイトルのことをやろうとしたらダウンロードになってうまく表示されない。またブラウザで直接読み込んだ場合でもgithubのように成形した形で表示したい。

nginxサーバーの設定

/etc/nginx/mime.types でmdファイルのmimetypeをtext/plainにする

  text/plain                            txt md;

/etc/nginx/nginx.confあるいは/etc/nginx/conf.d/*.conf でcharsetをUTF-8にして文字化けを防ぐ。

    include       /etc/nginx/mime.types;
    charset UTF-8;
    charset_types text/css application/json text/plain;
    default_type  application/octet-stream;

設定が終わったらnginxを再起動する。

systemctl restart nginx

ブラウザの設定

アドオンを入れる。

Chrome

https://chrome.google.com/webstore/detail/markdown-preview-plus/febilkbfcbhebfnokafefeacimjdckgl

Firefox

https://addons.mozilla.org/ja/firefox/addon/markdown-viewer-chrome/