ByteMD 使用指南

    Markdown Basic Syntax

    See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

    dependencies

    /node_modules
    /.pnp
    .pnp.js

    testing

    /coverage

    production

    /build

    misc

    .DS_Store
    .env.local
    .env.development.local
    .env.test.local
    .env.production.local

    npm-debug.log*
    yarn-debug.log*
    yarn-error.log*

    I just love bold text. Italicized text is the cat's meow. At the command prompt, type nano.

    My favorite markdown editor is ByteMD.

    1. First item
    2. Second item
    3. Third item

    Dorothy followed her through many of the beautiful rooms in her castle.

    import { Editor, Viewer } from 'bytemd';
    import gfm from '@bytemd/plugin-gfm';
    
    const plugins = [
      gfm(),
      // Add more plugins here
    ];
    
    const editor = new Editor({
      target: document.body, // DOM to render
      props: {
        value: '',
        plugins,
      },
    });
    
    editor.on('change', (e) => {
      editor.$set({ value: e.detail.value });
    });
    

    GFM Extended Syntax

    The world is flat. We now know that the world is round.

    SyntaxDescription
    HeaderTitle
    ParagraphText

    Math Equation

    Inline math equation: a+ba+b

    (k=1nakbk)2(k=1nak2)(k=1nbk2)\displaystyle \left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)

    Mermaid Diagrams

    graph TD;
      A-->B;
      A-->C;
      B-->D;
      C-->D;
    

    Footnotes

    Here's a simple footnote,1 and here's a longer one.2

    Footnotes

    1. This is the first footnote.

    2. Here's one with multiple paragraphs and code.

      Indent paragraphs to include them in the footnote.

      { my code }

      Add as many paragraphs as you like.

    评论栏