MD语法测试小记

自定义图片大小视图:

<img src="/usr/uploads/2021/08/25/1629886558590873.jpg" title="" alt="" width="152" height="167"/>

时间线

[timeline title="2020大事记" type="small" start="梦开始的地方" end="新的一年开始"]
[item date="2020-1-20"] 武汉封城，疫情让一起变得慌乱起来 [/item]
[item date="2020-3-20"] 开始远程办公，慢慢有序起来[/item]
[item]生活变得好起来了[/item]
[item date="2020-10-1"] 国庆节去哈尔滨旅行，和老同学见面[/item]
[/timeline]

[timeline title="2020大事记" type="small" start="梦开始的地方" end="新的一年开始"]
[item date="2020-1-20"] 武汉封城，疫情让一起变得慌乱起来 [/item]
[item date="2020-3-20"] 开始远程办公，慢慢有序起来[/item]
[item]生活变得好起来了[/item]
[item date="2020-10-1"] 国庆节去哈尔滨旅行，和老同学见面[/item]
[/timeline]

计划表

[goal title="2021的小目标"]
[item check="true"] 每天早睡 [/item]
[item check="false"] 每天早起 [/item]
[item progress="50%"] 阅读10本书 [/item]
[item start="2021-01-02" end="2021-10-1"] 每天锻炼30分钟 [/item]
[/goal]

[goal title="2021的小目标"]
[item check="true"] 每天早睡 [/item]
[item check="false"] 每天早起 [/item]
[item progress="50%"] 阅读10本书 [/item]
[item start="2021-08-20" end="2022-01-01"] 时间计算[/item]
[/goal]

按钮测试

链接名称:glyphicon glyphicon-link
附件名称:glyphicon glyphicon-paperclip
二维码:glyphicon glyphicon-qrcode
云图标:glyphicon glyphicon-cloud
云下载:glyphicon glyphicon-cloud-download
云上传:glyphicon glyphicon-cloud-upload
音乐图标:glyphicon glyphicon-music
下载图标:glyphicon glyphicon-download-alt
视频图标:glyphicon glyphicon-expand
        glyphicon glyphicon-facetime-video
购物车图标:glyphicon glyphicon-shopping-cart
信封图标:glyphicon glyphicon-envelope
喇叭图标:glyphicon glyphicon-bullhorn
电话图标:glyphicon glyphicon-earphone
闪电图标:glyphicon glyphicon-flash

[button]矩形按钮文字[/button]
[button type="round" color="success"]椭圆形按钮文字[/button]
[button color="success" icon="glyphicon glyphicon-eur"]图标按钮文字[/button]
url:选填，填写点击的链接。举例：如果你的链接是http://www.baidu.com，请手动将/前面加一个反斜杆\，即http:\/\/www.baidu.com
[button color="success" icon="glyphicon glyphicon-cloud-download">百度一下
百度一下

链接卡片
[link]
[item name="百度一些" link="http://baidu.com" desc="百度一下你就知道" /]
[item name="网站名称" link="http://example.com" desc="一些链接描述" /]
[/link]
提示框
[scode type="share"]这是灰色的短代码框，常用来引用资料什么的[/scode]
[scode type="yellow"]这是黄色的短代码框，常用来做提示，引起读者注意。[/scode]
[scode type="red"]这是红色的短代码框，用于严重警告什么的。[/scode]
[scode type="lblue"]这是浅蓝色的短代码框，用于显示一些信息。[/scode]
[scode type="green"]这是绿色的短代码框，显示一些推荐信息。[/scode]
收缩框
[collapse title="标题" status="false"]一些文字内容[/collapse]
[collapse title="标题"]一些文字内容[/collapse]
标签
[tag]白色文字[/tag] 默认的
[tag type="primary"]紫色文字[/tag] [tag type="info"]蓝色文字[/tag]
[tag type="warning"]黄色文字[/tag] [tag type="danger"]红色文字[/tag]
[tag type="success"]绿色文字[/tag] [tag type="dark"]黑色文字[/tag]
标签卡

内容 1

内容 2

高级内容文本示例

测试表情 ::aru:bigeye:: ::twemoji:tongue:: ヾ(≧∇≦*)ゝ

[scode type="yellow"]搞一些黄色的东西[/scode]

登录查看隐藏内容

此处内容需要评论回复后（审核通过）方可阅读。