Vue で editor.md を使用する (3): タイプセットに typo.css を使用する

0.背景

生成されたtypo.css要素をタイプセットするeditor.mdhtml

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/