How can I both let VSCode and docsify support alert/notice block rendering?

[pbjacob]

I want to write an admonition block in my markdown file, and I want it to be well rendered in both VSCode markdown preview window and on docsify webpage. But till now, I can only make either one sucessful, while the other one fails to render.

For example, by using !!! info which is known as admonition syntax, it can be correctly rendered in VSCode because this syntax is already supported by markdown (extended), but docsify won't be able to recgonize it. By using ?> or !>, of course docsify can render them well as shown in docsify's homepage, but it can't be rendered in VSCode preview window. It seams that ?> or !> are not standard markdown syntaxes.

So how can I render an admonition block in both ways under the same syntax?
Thank you very much for any replies.

[Koooooo-7]

Hi @pbjacob . I think the workaround is converting the syntax gap by docsify hook. i.e.

            hook.beforeEach((text)=> text.replace(/!!!\s*(.*)/g, '!> $1 '))

[pbjacob]

Thanks a lot! Your post has solved my problem.

After adding the following code in index.html, I get what I want.

plugins: [
          function transAlertBlock(hook, vm) {
            hook.beforeEach( function (text) {
              return text.replace(/!!! warning\s*(.*)/g, '!> $1 ').replace(/!!! note\s*(.*)/g, '?> $1 ');
            });
          },
        ],

[Koooooo-7]

no prob. 👌