# dpape-markdown-html

**Repository Path**: dpapejs/dpape-markdown-html

## Basic Information

- **Project Name**: dpape-markdown-html
- **Description**: dpape-markdown-html
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-07-25
- **Last Updated**: 2024-04-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Markdown

## README

# dpape-markdown-html

> markdown 文档生成html文档, 支持vue文档展示，支持js运行
>
> 语法参考 [Markdown Nice最全功能介绍](https://markdown.com.cn/)
>
> 请在代码块语法加上类型 `runtime-js`
> 
> [更新日志](https://gitee.com/dpapejs/dpape-markdown-html/blob/master/README.md)

## 安装
```sh
# 全局安装
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
```

## 查看帮助命令

```sh
- 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文件

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

## 插入css文件

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

## js 代码块

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

## 插入html元素
```js
html('<div>测试元素</div>');
```

## 页面中插入样式代码
```js
innerStyle("body,p,li{padding:0;margin:0;}")
```

```sh
# runtime-less
# runtime-vue
# runtime-js
```