第一个文章--测试
一级标题
欢迎使用bytemd编辑器,这是一个开源的md风格的编辑器,点击右上角小猫图标可查看源码哦~
这是一个简单的教程,首先,我们来看一下如何插入图片
没错,使用这种格式:
以上图片可以帮助你插入一张图片,关于格式的使用,请点击右上角"?"图标查看教程。当然,你也可以点击编辑器上方的图片按钮上传图片
二级标题
这里是 二级标题. 没错,你可以在字行里面定义各种样式!比如 nano
、flash
好了,我们来看一下如何插入一个链接
点击跳转我最爱的NAND闪存查询网站 Flashinfo.
- 定义
- 功能
- 备注
这里是一段引用
//这是一段代码
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,不推荐使用
Footnotes
评论
全部评论
user3·1年前
👍️
点赞
回复
admin·1年前
testt1
点赞
回复
user3·2年前
test
点赞
回复
admin·2年前
1
点赞
回复
admin·2年前
1
点赞
回复
user3·2年前
测试
1
回复
第页
每页条数
总条数: 6
每页数