文章正文样式github-markdown-css

使用说明

github关于文档内容的基本样式,也适配了移动端,专门使用文章正文的

1.安装github-markdown-css

第一种方式

1.1安装插件：

$ npm install github-markdown-css

1.2新建github-markdown.css文件，内容如下：

https://github.com/sindresorhus/github-markdown-css#readme

点右上角Raw 复制css的文件代码,如果打不开可以直接ctrl+a复制 再删除头尾没用的

第二种方式

桌面新建文件夹test 在文件夹里 右键 Git Bash Here

npm init -y

npm install github-markdown-css

2.在文章index.vue 当前文件夹里新建文件夹styles.里面放复制进来的3个css文件

github-markdown-dark.css

github-markdown-light.css

github-markdown.css

3.在当前文件夹里文章index.vue 里script导入

import './github-markdown-light.css'

4.在markdown的父容器中增加markdown-body类名

<div class="article-content markdown-body" v-html="article.content"></div>