Vue中使用editor.md（3）：使用typo.css进行排版

0. 背景

使用typo.css对editor.md生成的html元素进行排版

1. 使用typo.css

1.1 下载

下载地址：https://github.com/sofish/typo.css

1.2 使用

项目解压到public/static/下

main.js引入css

import '@/../public/static/typo.css-master/typo.css'

在需要排版的标签添加typo类

      <!--html信息-->
      <div class="typo blog-html" v-html="blog.html"></div>

2. 测试

x. 参考

1. https://typo.sofi.sh/