Markdown使用及如何将markdown转为html

标题

  • 一级标题: #+空格+标题内容
  • 多少级标题前面就加多少#,如:二级标题: ## 我是二级标题

列表

  • 有序列表:1.+空格+内容
  • 无序列表:*+空格+内容
  • 二级列表: tab+*+空格+内容
  • 多级列表: 多个tab+*+空格+内容

图片

格式为:

 ![在这里插入图片描述](图片的路径)

链接

格式为:

 [链接](https://www.baidu.com)

强调

  1. 斜体
  *斜体*
  1. 加粗
 **加粗**
  1. 粗斜体
  ***粗斜体***

换行

上一行末尾加上两个以上的空格然后回车

引用

引用

 格式为:
 > 内容 

代码块

```
    代码块
```

邮箱

  <[email protected]>

水平分割线


	***

表格

markdown 表格语法
|一个标题|一个标题|
| ------ | ------ | ------ |
| 短文本 | 中等文本 | 稍微长一点的文本 |
| 稍微长一点的文本 | 短文本 | 中等文本 |

markdown 表格语法

一个标题 一个标题
短文本 中等文本
稍微长一点的文本 短文本
  1. | , - , : 之间的多余空格会被忽略,不影响布局。
  2. 默认标题栏居中对齐,内容居左对齐。
  3. -:表示内容和标题栏居右对齐,:-表示内容和标题栏居左对齐,:-:表示内容和标题栏居中对齐。
  4. 内容和|之间的多余空格会被忽略,每行第一个|和最后一个|可以省略,-的数量至少有一个。

网页支持Markdown转html显示

使用showdown.js脚本,示例:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <div id="test"></div>
        <script src="showdown.min.js"></script>
        <script type="text/javascript">
            var converter = new showdown.Converter(),
            text = "# title",   //需要显示的markdown笔记
            html = converter.makeHtml(text);
            document.getElementById('test').innerHTML = html;
        </script>
    </body>
    </html>

猜你喜欢

转载自blog.csdn.net/wang19970228/article/details/89578569