Markdown Reader is a powerful Chrome extension that helps you quickly preview markdown documents in Chrome.
- Support for previewing links in the
file://http://https://protocol as well as documents with*.md*.mkd*.mdx*.markdownextensions, like the following:https://example.com/example.md(online Markdown URL)file:///Users/my-project/readme.markdown(local Markdown file, *requires specific permissions)
- Built-in multiple syntax plug-ins to support rendering Emoji emoticons, superscripts/subscripts, checkboxes, mathematical formulas, flowcharts, Gantt charts, table of contents, insertions, markdowns, abbreviations, paraphrases, annotations, and message/success/warning/danger alerts.
- Code highlighting, and carefully arranged light/dark theme styles.
- Support document hot reloading, real-time preview of document changes; support document centred display, more conducive to reading.
- Automatically organise the document directory to the sidebar, and support switching to preview the original file content; support previewing image media resources.
- Supports Chrome extension shortcuts for quick function invocation.
-
Clone the
md-readerrepository and build it:# Clone this repository git clone https://github.com/md-reader/md-reader.git && cd md-reader # Install dependencies pnpm install # Build the extension pnpm build
-
After a successful build, the
md-reader/distfolder will contain themd-reader-xxx.zipextension package. -
Go to the Extensions management page in Chrome and drag the extension into the browser to install it.
After installation, Chrome is now able to preview online markdown documents. However, it is not able to preview local markdown documents by default and requires enabling file access permission for the Chrome extension.
Due to security reasons, Chrome by default disables extension access to local files. Therefore, after installing the plugin, you need to manually enable the permission in order to preview local markdown files.
In the Chrome Extensions management page, locate the installed "Markdown Reader" extension, click on "Details", and find the option "Allow access to file URLs" in the details page. Switch it to the enabled state (Please rest assured that "Markdown Reader" only performs read and display operations on markdown files and will not modify or upload user file data).
Now all the work is done~!ヾ(◍°∇°◍)ノ
Try the effect by opening this online document: Example Document; You can also try dragging a Markdown document directly into the browser!
Feel free to ask any questions or provide suggestions.
Giving a star to show your support is also an encouragement for me~!
Scan the code to get the latest news and technical support:
License MIT
© 2018-present, Bener

