清空
随机
模式
默认
微信
复制
源码
预览栏
%
输入区域
# Markdown 预览 by https://youthlin.com/ ## 两种渲染模式 1. 默认 直接渲染出 HTML, 可以粘贴到 WordPress 后台编辑一键转为 *古腾堡* 区块。 2. 微信公众号 链接使用上角标，在底部以 *参考资料* 的形式列出。 ## 功能 - 清空按钮 - 随机内容 - 复制渲染内容 - 显示渲染的 `HTML` 源代码 - 本地存草稿 ## 第三方库 > Markdown 预览: [https://github.com/markedjs/marked](https://github.com/markedjs/marked "Markdown 预览") > 代码高亮: [https://github.com/highlightjs/highlight.js](https://github.com/highlightjs/highlight.js "代码高亮") ## 参考 - [现代 JavaScript 教程](https://zh.javascript.info/) - [如何用原生 JavaScript 替代 jQuery](http://youmightnotneedjquery.com/) (You might not need jQuery) - [Flex 布局教程：语法篇](http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html) ## Markdown 语法速成 <!-- 表格源码较乱，请看预览栏更清晰 --> | Markdown | 写法二 | 预览 | HTML | |----------|-------|-----|------| | \*倾斜* |\_加粗_|*加粗*|`<em>加粗</em>`| | \**加粗** |\__加粗__|**加粗**|`<strong>加粗</strong>`| | \# 一级标题|一级标题<br>=======|<h1>一级标题</h1>|`<h1>一级标题</h1>`| | \## 二级标题|二级标题<br>-------|<h2>二级标题</h2>|`<h2>二级标题</h2>`| | \[链接文字](http://a.com)|\[链接文字]\[1]<br>...<br>\[1]: http://a.com|[链接文字](http://a.com)|`<a href="http://a.com">链接文字</a>>`| |\!\[图片说明](http://url/a.png)|\![图片说明]\[1]<br>...<br>\[1]: http://url/b.png||`<img src="http://url/a.png" alt="图片说明">`| |\> 引用 | | <blockquote>引用</blockquote> | `<blockquote>引用</blockquote>` | | \- 列表<br>- 列表|\* 列表<br>* 列表 | <ul><li>列表<li>列表 | `<ul><li>列表</li><li>列表</li></ul>` | | 1. 列表<br>2. 列表|1) 列表<br>2) 列表 | <ol><li>列表<li>列表 | `<ol><li>列表</li><li>列表</li></ol>` | | 分割线<br>--- | 分割线<br>*** | 分割线<hr> | `分割线<hr` | | \`行内代码` | | `行内代码` | `<code>行内代码</code>` | | \```<br>#块级代码<br>print 'hello'<br>``` |....#块级代码<br>....print 'hello'<br>|<pre><code>#块级代码<br>print 'hello'</code></pre>|`<pre><code>#块级代码<br>print 'hello'</>code></>pre>`| > from https://commonmark.org/help/ > 另请参阅 https://markdown.com.cn/ ## 示例 普通段落。  ### 三级标题 > 引用文字 第二行 ```go fmt.Println("你好") ``` 第二种代码块 System.out.println("上面要空一行"); System.out.println("然后每行开头四个空格"); 这里是 `code` 然后 **加粗** *倾斜* ~删除~。