48
35

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Chrome拡張機能「Markdown Viewer」でmarkdownをいい感じに表示する

Last updated at Posted at 2020-08-23

この記事はなにか

Chrome拡張機能のMarkdown Viewerがローカルのマークダウンファイルを見るときに良さげだったけどあまりネット上に記事がなかったので書きました。

ちなみに、ファイルのURLへのアクセスを許可するをオンにしないとローカルファイルはマークダウンで表示されないのでそれだけご注意を!(後述)

いいところ

・テーマがたくさんある
(でも使うのはGITHUBかGITHUB-DARKくらいかも)
・目次、絵文字、数式、オートリロードなどが使える
・設定が簡単
・日本語表示がナチュラル

※ 細かい説明はこちら(英語)
https://github.com/simov/markdown-viewer

※ 動画はこちら(音なし)
https://youtu.be/Wd-wHLm9MTI

設定方法

1.インストール
Markdown Viewer|chrome ウェブストア

2.設定(ファイルのURLへのアクセスを許可する)
image.png
image.png
image.png
image.png

使用方法

1.ファイル(もしくはディレクトリ)をChromeにドラッグアンドドロップ
2.必要に応じて再読み込み
image.png

■ 表示イメージ
image.png
もちろん、画像も表示できます。

表示の設定は拡張機能のアイコンをクリックすれば可能です。
image.png

所感

マークダウンのメモをPDFにして共有していましたが、ソース部分がはみ出して重要なとこが見えない!となるのが嫌だったので、Chromeの拡張機能であればと思い、これを見つけました。
正直、VSCodeで見れますが使っている人少なくて…

ちなみに、chromeウェブストアにてMarkdownで検索すると、同じような拡張機能にMarkdown Preview Plusがヒットします。

これと比べてMarkdown Viewerがいいなと思ったのは以下の理由です。

日本語に違和感がなく見やすいこと
Markdown Preview Plusはちょっと簡体字ぽかった)

完全に好みです笑
マークダウンファイルのリーダーとしてはどちらでもOKだと思います。

48
35
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
48
35

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?