vuepress-plugin-flowchart

flowchart plugin for vuepress

New features for (ulivz/vuepress-plugin-flowchart)(https://github.com/ulivz/vuepress-plugin-flowchart)

Installation

yarn add -D @maginapp/vuepress-plugin-flowchart
# or npm install -D @maginapp/vuepress-plugin-flowchart

Usage

config

module.exports = {
    // ...
    plugins: [
        '@maginapp/vuepress-plugin-flowchart',
        {
          openMarker: '```mermaid',
          closeMarker: '```',
          scondMarker: 'flowchat',
          ignoreSecondLine: false
        }
    ]
    // ...
}

options

openMarker

• type: string
• default: ````mermaid`

setting open marker

closeMarker

• type: string
• default: ```

setting close marker

scondMarker

• type: string
• default: flowchat

setting scondline marker when ignoreSecondLine = false

ignoreSecondLine

• type: boolean
• default: false

setting whether to use scondMarker

difference with ulivz/[email protected]

Just modify some code to be compatible with CSDN blog

• It's just that the outer marker is different

​```mermaid
flowchat

...
sanme code with ulivz/[email protected]
...

​```

• Added configuration feature

It can be set to be the same as ulivz/[email protected] by configuring parameters

{
    openMarker: '@flowstart',
    closeMarker: '@flowend',
    ignoreSecondLine: true
}

docs

Same Usage with ulivz/[email protected]

Quote

• ulivz/vuepress-plugin-flowchart