請使用 Chrome 瀏覽器。javascript
目前只支持pc端，歡迎體驗http://md.aizhuanqian.online
php
1 Markdown2Html 簡介
css
-
支持自定義樣式的 Markdown 編輯器 -
支持微信公衆號、知乎和稀土掘金 -
支持導出 PDF 和 markdown
2 主題
歡迎提交主題，提供更多文章示例~~html
3 通用語法
3.1 標題
在文字寫書寫不一樣數量的#能夠完成不一樣的標題，以下：前端
一級標題
二級標題
三級標題
3.2 無序列表
無序列表的使用，在符號-後加空格使用。以下：java
-
無序列表 1 -
無序列表 2 -
無序列表 3
若是要控制列表的層級，則須要在符號-前使用空格。以下：python
-
無序列表 1 -
無序列表 2 -
無序列表 2.1 -
無序列表 2.2
因爲微信緣由，最多支持到二級列表。git
3.3 有序列表
有序列表的使用，在數字及符號.後加空格後輸入內容，以下：github
-
有序列表 1 -
有序列表 2 -
有序列表 3
3.4 引用
引用的格式是在符號>後面書寫文字。以下：web
讀一本好書，就是在和高尚的人談話。——歌德
僱用制度對工人不利，但工人根本無力擺脫這個制度。——阮一峯
3.5 粗體和斜體
粗體的使用是在須要加粗的文字先後各加兩個*。
而斜體的使用則是在須要斜體的文字先後各加一個*。
若是要使用粗體和斜體，那麼就是在須要操做的文字先後加三個*。以下：
這個是粗體
這個是斜體
這個是粗體加斜體
注：因爲 commonmark 標準，可能會致使加粗與想象不一致，以下
**今每天氣好晴朗，**到處好風光。
這個是正常現象，請參考加粗 Issue[1]。
3.6 連接
微信公衆號僅支持公衆號文章連接，即域名爲https://mp.weixin.qq.com/的合法連接。使用方法以下所示：
對於該論述，歡迎讀者查閱以前發過的文章，你是《將來世界的倖存者》麼？
3.7 分割線
能夠在一行中用三個以上的減號來創建一個分隔線，同時須要在分隔線的上面空一行。以下：
3.8 刪除線
刪除線的使用，在須要刪除的文字先後各使用兩個~，以下：
這是要被刪除的內容。
3.9 表格
可使用冒號來定義表格的對齊方式，以下：
| 姓名 | 年齡 | 工做 |
|---|---|---|
| 小可愛 | 18 | 吃可愛多 |
| 小小勇敢 | 20 | 爬棵勇敢樹 |
| 小小小機智 | 22 | 看一本機智書 |
寬度過長的表格能夠滾動，可在自定義主題中調節寬度：
| 姓名 | 年齡 | 工做 | 郵箱 | 手機 |
|---|---|---|---|---|
| 小可愛 | 18 | 吃可愛多 | lovely@test.com | 18812345678 |
| 小小勇敢 | 20 | 爬棵勇敢樹 | brave@test.com | 17712345678 |
| 小小小機智 | 22 | 看一本機智書 | smart@test.com | 16612345678 |
3.10 圖片
插入圖片，若是是行內圖片則無圖例，不然有圖例，格式以下：
能夠經過在圖片尾部添加寬度和高度控制圖片大小，用法以下：
該語法比較特殊，其餘 Markdown 編輯器不徹底通用。
支持 jpg、png、gif、svg 等圖片格式，其中 svg 文件僅可在微信公衆平臺中使用，svg 文件示例以下：
-
支持圖片 拖拽和截圖粘貼到編輯器中上傳，上傳時使用當前選擇的圖牀。 -
可以使用 格式->圖片上傳本地圖片，網站目前支持「圖殼」圖牀，失敗率低，可是隻可保存一天用於排版
注：僅支持 https 的圖片，圖片粘貼到微信、知乎或掘金時會自動上傳其服務器，沒必要擔憂使用上述圖牀會致使圖片丟失。
圖片還能夠和連接嵌套使用，可以實現推薦卡片的效果，用法以下：
4. 特殊語法
4.1 腳註
支持平臺：微信公衆號、知乎。
腳註與連接的區別以下所示：
連接：[文字](連接)腳註：[文字](腳註解釋 "腳註名字")
有人認爲在大前端時代[2]的背景下，移動端開發（Android、IOS）將逐步退出歷史舞臺。
全棧工程師[3]在業務開發流程中起到了相當重要的做用。
腳註內容請拉到最下面觀看。
4.2 代碼塊
支持平臺：微信代碼主題僅支持微信公衆號！其餘主題無限制。
若是在一個行內須要引用代碼，只要用反引號引發來就好，以下：
Use the printf() function.
在須要高亮的代碼塊的前一行及後一行使用三個反引號，同時第一行反引號後面表示代碼塊所使用的語言，以下：
// FileName: HelloWorld.javapublic class HelloWorld { // Java 入口程序，程序今後入口 public static void main(String[] args) { System.out.println("Hello,World!"); // 向控制檯打印一條語句 }}
支持如下語言種類：
bashclojure，cpp，cs，cssdart，dockerfile, differlanggo，gradle，groovyhaskelljava，javascript，json，juliakotlinlisp，luamakefile，markdown，matlabobjectivecperl，php，pythonr，ruby，rustscala，shell，sql，swifttex，typescriptverilog，vhdlxmlyaml
若是想要更換代碼主題，可在上方挑選，不支持代碼主題自定義。
其中微信代碼主題與微信官方一致，有如下注意事項：
-
帶行號且不換行，代碼大小與官方一致 -
須要在代碼塊處標誌語言，不然沒法高亮 -
粘貼到公衆號後，用鼠標點代碼塊內外一次，完成高亮
diff 不能同時和其餘語言的高亮同時顯示，且須要調整代碼主題爲微信代碼主題之外的代碼主題才能看到 diff 效果，使用效果以下:
+ 新增項- 刪除項
其餘主題不帶行號，可自定義是否換行，代碼大小與當前編輯器一致
4.3 數學公式
支持平臺：微信公衆號、知乎。
行內公式使用方法，好比這個化學公式：
塊公式使用方法以下：
矩陣：
公式因爲微信不支持，目前的解決方案是轉成 svg 放到微信中，無需調整，矢量不失真。
目前測試若是公式量過大，在 Chrome 下會存在粘貼後無響應，可是在 Firefox 中始終可以成功。
4.4 TOC
支持平臺：微信公衆號、知乎。
TOC 全稱爲 Table of Content，列出所有標題。因爲示例標題過多，須要使用將下方代碼段去除便可。
[TOC]
因爲微信只支持到二級列表，本工具僅支持二級標題和三級標題的顯示。
4.5 注音符號
支持平臺：微信公衆號。
支持注音符號，用法以下：
Markdown Nice 這麼好用，簡直是喜大普奔呀！
4.6 橫屏滑動幻燈片
支持平臺：微信公衆號。
經過<,>這種語法設置橫屏滑動滑動片，具體用法以下：
<<< 左右滑動見更多 >>>
5 其餘語法
5.1 HTML
支持原生 HTML 語法，請寫內聯樣式，以下：
橙色居右橙色居中
5.2 UML
不支持，推薦使用開源工具https://draw.io/製做後再導入圖片
5.3 更多文檔
更多文檔請參考 markdown2html-docs[4]
參考資料
加粗 Issue: https://github.com/markdown-it/markdown-it/issues/410
[2]Front-end web development: https://en.wikipedia.org/wiki/Front-end_web_development
[3]什麼是全棧工程師: 是指掌握多種技能，並能利用多種技能獨立完成產品的人。
[4]更多文檔: https://aizhuanqian.online/mardown2html
本文分享自微信公衆號 - flutter開發精選（Study_Knowledge）。
若有侵權，請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」，歡迎正在閱讀的你也加入，一塊兒分享。