markdown与markdownit使用

Typora 应该是这里最好用，而且最好看的一个神器。下载安装百度一下就能找到。

第一个 标题

输入一个＃号加上你的文本回车。就成了这个样子

第二个 引入

就是加一个大于号 > 如：> 我是如此的英俊潇洒玉树临风

第三个 有序列表

就是输入 1. 加 空格 就开始顺序排列了

第四个 无序列表

就是这个符号 - 加 空格
如果不知道 - 在哪！那就用* 号也能替换

第五个 多选

就是提示是否选中 用 -[]和 -[x]
但是这个选择框需要很多的空格如图

1空 2空 3空后就成这样了

第六个 代码块

就是三个 ` 加上你要标注的语言，比如Java， 一定要点击，不然会成为灰色

第七个 表格

快速方法| | | 但是注意手法。
棍 空 棍 空 棍 空 回车
1.自己选择几行几列
2.左对齐
3.居中
4.右对齐

第八个 脚注

输入¹ 然后 空格 自动生成
接下来鼠标放上去

第九个 横线

---就成了一条线

第十个 链接

[名称](链接)然后回车就成了一个文字链接

第十一个 跳转标题

[你想标注的](准备跳转的标题)

第十二个 插入图片

跟上一次非常像，就加了一个叹号！
有了这个就能帮你插入图片
![标注的](准备跳转的标题)

第十三个 字体样式

一对星号包围起来就成了斜体
*斜体*

2对星号包围就成了加粗
**加粗**

一对反引号就成了行内代码
就是标注的 name`

下换线

下划线

高亮 一对等号
== 哈哈哈哈哈 ==

---

一定要加一个棍 - 不然npm找不到

将markdown转换成HTML

第一步 安装
cnpm i markdown-it -S

第二步 引入
引入，然后创建一个txt,目的是为了把自己写的转换成H5
然后用computed计算属性立即返回

import Mk from 'markdown-it'
data()
{
    return{
      txt:''
    }
},
computed:{
    markdown()
    {
        var md  = new Mk()
        var res = md.render(this.txt)
        return res
    }
}

第三步 变成样式
第一个就是自己的这个输入文本
第二个是返回的HTML源码
第三个是源码转换成HTML最终值

{{txt}}
{{markdown}}

---

1. xxxx ↩