dpape-markdown-html

markdown文档转html文档

Usage no npm install needed!

<script type="module">
  import dpapeMarkdownHtml from 'https://cdn.skypack.dev/dpape-markdown-html';
</script>

README

dpape-markdown-html

markdown 文档生成html文档, 支持vue文档展示,支持js运行

语法参考 Markdown Nice最全功能介绍

请在代码块语法加上类型 runtime-js

更新日志

安装

# 全局安装
npm i dpape-markdown-html -g
# OR
yarn global add dpape-markdown-html

# 项目按照
npm i dpape-markdown-html -D
# OR
yarn add dpape-markdown-html -D

查看帮助命令

- dpa-md -h

Usage: command [options]

Options:
  -h, --help  display help for command
Commands:
   start         Start Run the dev server
   build         Build the project

主题样式文件

1、项目中theme文件下面有一个markdown-theme.css的主题样式文件

2、使用highlight.js的主题文件也可

插入js文件

scriptLink('./js/vue3.js')

插入css文件

styleLink('./js/style.css')

js 代码块

script(`
var app = Vue.createApp({
    data(){
        return {
            checked:false
        }
    }
});
app.use(dpape);
app.mount('#app');
`);

插入html元素

html('<div>测试元素</div>');

页面中插入样式代码

innerStyle("body,p,li{padding:0;margin:0;}")