markdown-tutorial.md

导语 : Markdown 是一种轻量级的「标记语言」，旨在简洁、高效；它的优点很多，目前也被越来越多的写作爱好者、撰稿者广泛使用。看到这里，请不要被「标记」、「语言」所迷惑，Markdown 的语法十分简单。常用的标记符号也不超过十个，这种相对于更为复杂的 HTML 标记语言来说，Markdown 可谓是十分轻量的，学习成本极低，且一旦熟悉这种语法规则，会有一劳永逸的效果。有百千种资源平台以供使用的同时，也衍生出越来越多开源库，可供我们在代码中调用。

入门技巧

• 认识与入门 Markdown
• Cmd Markdown 简明语法手册
• Cmd Markdown 高阶语法手册
• Markdown 入门参考
• Cmd Markdown 公式指导手册
• 关于 Markdown 的一些奇技淫巧

资源平台

• markdown-online-editor: _{📝 基于 Vue、Vditor，所构建的在线 Markdown 编辑器，支持流程图、甘特图、时序图、任务列表、HTML 自动转换为 Markdown 等功能。}
• MarkEditor: _{好的写作体验，更好的效率利器}
• 作业部落 - 功能强大，速度流畅，全平台同步: _{Cmd Markdown 编辑阅读器，支持实时同步预览，区分写作和阅读模式，支持在线存储，分享文稿网址。}
• Stackedit- 国外的在线 markdown 编辑器，功能强大，同步云盘
• Gitbook- 国外的在线 markdown 可编辑成书
• 微信公众号排版编辑器: _{转化 Markdown 到给微信特制的 HTML}
• Typora: _{Typora is a cross-platform minimal markdown editor, providing seamless experience for both markdown readers and writers.}
• notable: _{The markdown-based note-taking app that doesn't suck.}
• vnote: _{A Vim-inspired note-taking application that knows programmers and Markdown better. https://tamlok.github.io/vnote}
• lepture-editor
• Markdown-editor
• notable: _{The markdown-based note-taking app that doesn't suck.}
• 简书 - 创作社区
• marktext: _{📝Next generation markdown editor, running on platforms of MacOS Windows and Linux. https://marktext.github.io/website/}
• FarBox: _{The Best Blog Platform for Humans.FarBox, Dropbox Blog, Blog on Cloud}
• Atom: _{A hackable text editor for the 21st Century. 具体可参见 : 新编码神器 Atom 使用纪要}
• Sublime Text: _{A sophisticated text editor for code, markup and prose. 具体可参见 SublimeText 下写作利器之 MarkdownEditing}
• Dillinger: _{Dillinger is an online cloud based HTML5 filled Markdown Editor. Sync with Dropbox, Github, Google Drive or OneDrive. Convert HTML to Markdown. 100% Open Source!}
• 小书匠编辑器
• rstudio/bookdown: _{Authoring Books and Technical Documents with R Markdown}
• siyuan-note/siyuan: _{📕 思源笔记是一款 Markdown 块级引用和双向链接的网状笔记应用，支持 Windows、Mac 和 Linux，可在浏览器上直接使用，支持移动端适配。}

相关库

Markdown parser & compiler

• markedjs/marked: _{A markdown parser and compiler. Built for speed. https://marked.js.org/}
• remarkjs/remark: _{Markdown processor powered by plugins part of the @unifiedjs collective https://remark.js.org/}
• turndown: _{🛏 An HTML to Markdown converter written in JavaScript http://domchristie.github.io/turndown}
• rsms/markdown-wasm: _{Markdown parser and HTML generator implemented in WebAssembly, based on md4c}

Markdown component

• vditor: _{♏ 一款浏览器端的 Markdown 编辑器。}
• b3log/lute: _{🎼 一款结构化的 Markdown 引擎，支持 Go 和 JavaScript。}
• quill: _{Quill is a modern WYSIWYG editor built for compatibility and extensibility. https://quilljs.com}
• react-markdown: _{Render Markdown as React components}
• vue-simplemde: _{📝Vue-SimpleMDE - use simplemde with vue.js}
• mavonEditor: _{mavonEditor - A markdown editor based on Vue that supports a variety of personalized features}

Mdx

• mdx-deck: _{♠️ MDX-based presentation decks https://jxnblk.com/mdx-deck}
• mdx-js/mdx: _{MDX is a JSX in Markdown loader, parser, and renderer for ambitious projects. It combines the readability of Markdown with the expressivity of JSX. The best of both worlds. 🌐}
• ok-mdx: _{Browser-based MDX editor https://jxnblk.com/ok-mdx/}
• hashicorp/next-mdx-remote: _{Load mdx content from anywhere through getStaticProps in next.js}

Awesome markdown tools

• markmap: _{Visualize markdown documents as mindmaps}
• markvis: _{make visualization in markdown. 📊📈 https://markvis.js.org}
• markdownlint: _{A Node.js style checker and lint tool for Markdown/CommonMark files.}
• clean-mark: _{Convert an article into a clean text}
• egoist/maid: _{Markdown driven task runner.}
• joeyespo/grip: _{Preview GitHub Markdown files like Readme locally before committing them.}
• mdast: _{Markdown Abstract Syntax Tree format. https://unified.js.org}
• markeye: _{A previewer for Markdown files}
• remark: _{A simple, in-browser, markdown-driven slideshow tool. https://remarkjs.com}
• 88250/lute-docx: _{📝 一款将 Markdown 文本转换为 Word 文档 (.docx) 的小工具。}
• mdnice/sitdown: _{turn html to nice markdown}