ByteMD 使用指南 | 闲文杂记
source link: https://www.zhangyangyuan.com/notebook/38
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
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
.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.
- First item
- Second item
- 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.
Syntax | Description |
---|---|
Header | Title |
Paragraph | Text |
Math Equation
Inline math equation: a+b
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
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK