第一个文章--测试


一级标题

欢迎使用bytemd编辑器,这是一个开源的md风格的编辑器,点击右上角小猫图标可查看源码哦~
这是一个简单的教程,首先,我们来看一下如何插入图片

风景图片

没错,使用这种格式:
图片格式

以上图片可以帮助你插入一张图片,关于格式的使用,请点击右上角"?"图标查看教程。当然,你也可以点击编辑器上方的图片按钮上传图片

二级标题

这里是 二级标题. 没错,你可以在字行里面定义各种样式!比如 nanoflash

好了,我们来看一下如何插入一个链接
点击跳转我最爱的NAND闪存查询网站 Flashinfo.

  1. 定义
  2. 功能
  3. 备注

这里是一段引用

//这是一段代码
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 });
});

删除线、任务列表、表格的使用

自动网站链接,只要贴上网址即可: https://www.flashinfo.top

网址链接看完了 我们来看一下任务列表吧.

  • 吃早饭
  • 吃午饭
  • 吃晚饭

下面是一个表格,看看怎么使用的吧!

请注意啦,这个方法只能生成简单表格,并不能跨行或跨列合并单元格

姓名年龄
张三18
李四28

但是,你可以使用代码制作复杂表格,只不过对于不懂代码的朋友有一定难度了,这里我们建议贴图,一图解千愁~

班级课程平均分
1班语文100
数学100
英语100

脚注,有bug,不推荐使用

这里是一个简单的脚注,1 这里是另外一个脚注.2

Footnotes

  1. 这是第一个脚注.

  2. 这是第二个脚注,可以换行使用.

    Indent paragraphs to include them in the footnote.

    { my code }

    Add as many paragraphs as you like.

评论
全部评论
头像
user3·1年前
👍️
点赞
回复

头像
admin·1年前
testt1
点赞
回复

头像
user3·2年前
test
点赞
回复

头像
admin·2年前
1
点赞
回复

头像
admin·2年前
1
点赞
回复

头像
user3·2年前
测试
1
回复

每页条数
总条数: 6
每页数