#调试新博客的 markdown 样式

#H1 标题

#H2 标题

#H3 标题

#H4 标题

#H5 标题

#H6 标题

这是很长很长的普通文段，这是很长很长的普通文段，这是很长很长的普通文段，这是很长很长的普通文段，这是很长很长的普通文段，这是很长很长的普通文段，这是很长很长的普通文段，这是很长很长的普通文段，这是很长很长的普通文段，这是很长很长的普通文段，这是很长很长的普通文段。

Normal emphasis strong strikethrough MDX

这是一张图片

分割线

---

#引用

这是很长很长的引用，这是很长很长的引用，这是很长很长的引用，这是很长很长的引用，这是很长很长的引用，这是很长很长的引用，这是很长很长的引用，这是很长很长的引用，这是很长很长的引用。

嵌套引用

#列表

• 1
• 2
• 3
  • 3.1

1. 有序列表 1
   1. 有序列表 1.1
   2. 有序列表 1.2
2. 有序列表 2
3. 有序列表 3

• done1
• done2
• todo

#表格

参数	类型	默认值	说明
type	default | primary | success | warning | error | default	基本类型
size	normal, large, small	normal	尺寸
disabled	boolean	false	禁用
href	string	-	链接
target	_self, _blank	_blank	链接的打开方式
onClick	React.EventHandler	-	点击回调
className	string	-	类名
style	React.CSSProperties	-	样式

#代码

inline-code

import React from 'react';

const foo = 1;
const bar = false;

function add(a: number, b: number) {
  return a + b;
}

export interface Props {
  type?: 'primary' | 'success';
}

const Hello: React.FC<Props> = props => (
  <div type={props.type}>Hello World!</div>
);

export default Hello;

import React from 'react';

const foo = 1;
const bar = false;

function add(a: number, b: number) {
  return a + b;
}

export interface Props {
  type?: 'primary' | 'success';
}

const Hello: React.FC<Props> = props => (
  <div type={props.type}>Hello World!</div>
);

export default Hello;

#写个组件

Hello World 0