怎样在页面上使用markdown编辑器
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎样在页面上使用markdown编辑器相关的知识,希望对你有一定的参考价值。
支持markdown编辑器的软件markdown编辑器语法
分段
空一行(两个回车)分段
换行
行末加两个或多个空格才是真正的换行,否则正常的一个回车就像在 html 代码中一样,被当作空格处理
段落和换行有什么区别?段落在生成的 HTML 代码中被一对 <p></p> 标签包含起来,而换行只是插入了一个 <br /> 标签。一般来说,网页设计给段落之间留的空白应该比行距大。
分隔线
你可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线
* * *
***
*****
- - -
---------------------------------------
标题
用 1-6 个井号 (#) 开始一行表示这一行是标题,例如:
# 一级标题
## 二级标题
###### 六级标题
列表
HTML 列表分无序列表 (unordered list, ul) 和有序列表 (ordered list, ol) 两种。在 Markdown 中用星号、加号、减号开始一行表示无序列表,用数字开始一行表示有序列表。例如:
无序列表
* Red
* Green
* Blue
有序列表
1. Bird
2. McHale
3. Parish
代码及代码块
如果是在一段文字中插入一句代码,把代码用 (`) 符号包围起来即可。这个符号在键盘左上角,1 的左边,Tab 的上面。
如果插入一大段代码也很简单,在代码的每一行之前加四个空格。
例如: `function code`
blockquote区块
用右尖括号 (>) 表示 blockquote,你一定见过邮件中这样表示引用别人的内容。可以嵌套,可以包含其它的 Markdown 元素,例如:
> ## This is a header.
> > 1. This is the first list item.
> 2. This is the second list item.
> > Here\'s some example code:
> > return shell_exec("echo $input | $markdown_script");
链接
文本链接形式:
[网站开发指南](http://www.yeschan.com/)
自动连接形式:
<http://www.yeschan.com/>
图片
图片形式
![网站开发指南](http://www.yeschan.com/test-img.jpg)
带alt的图片形式
![网站开发指南](http://www.yeschan.com/test-img.jpg "网站开发指南")
强调
用星号或下划线来实现。两边分别放一个 * 或 _ 会生成 em 标签,放两个则生成 strong 标签。例如:
*单星号* _单下划线_ **双星号** __双下划线__
会生成:
<em>单星号</em> <em>单下划线</em> <strong>双星号</strong> <strong>双下划线</strong>
MathJax公式
支持[MathJax公式](http://www.mathjax.org/),
例如:
`$ a^2 + b^2 = c^2 $`
或者:
```mathjax
x = \\dfrac-b \\pm \\sqrtb^2 - 4ac2a
``` 参考技术A 分段
空一行(两个回车)分段
换行
行末加两个或多个空格才是真正的换行,否则正常的一个回车就像在 HTML 代码中一样,被当作空格处理
段落和换行有什么区别?段落在生成的 HTML 代码中被一对 <p></p> 标签包含起来,而换行只是插入了一个 <br /> 标签。一般来说,网页设计给段落之间留的空白应该比行距大。
列表
HTML 列表分无序列表 (unordered list, ul) 和有序列表 (ordered list, ol) 两种。在 Markdown 中用星号、加号、减号开始一行表示无序列表,用数字开始一行表示有序列表。
代码及代码块
如果是在一段文字中插入一句代码,把代码用 (`) 符号包围起来即可。这个符号在键盘左上角,1 的左边,Tab 的上面。
如果插入一大段代码也很简单,在代码的每一行之前加四个空格。
以上是关于怎样在页面上使用markdown编辑器的主要内容,如果未能解决你的问题,请参考以下文章
CSDN markdown 编辑器 第二篇 markdown简单使用