内容组件测试

博主：远方
发布时间：2021 年 07 月 31 日
928 次浏览
暂无评论
1136字数
分类： Linux

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

加粗文字
斜体文字
~~删除文件~~
请输入链接描述

列表项目
列表项目
列表项目

列表项目
列表项目
列表项目
[ 任务列表]
[ 任务列表]
[任务列表 ]

引用文本

请输入标题

2020-1-20

当前时间的事件

插入无具体时间的事件，不要将这种事件放在开头/结尾

2020-2-20

当前时间的事件

小目标

只有完成和未完成两种状态的任务，check后的值true代表已经完成，false表示未完成

有时间进度的任务：

50%

普通的一列

该列的宽度只有20%

该列的宽度只有200像素

这里编辑标签内容

收缩框

这里编辑收缩框内容

标签页 1
标签页 2

内容 1

内容 2

[album]
[普通的图片插入，支持markdown语法和html语法，混合也可以]
[/album]

最后修改：2024 年 06 月 04 日

如果觉得我的文章对你有用，请随意赞赏

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

评论 *

私密评论

名称 *

🎲

邮箱 *

地址

内容组件测试

远方 • 2021 年 07 月 31 日

<h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h5>六级标题</h5><p><strong>加粗文字</strong><br><em>斜体文字</em><br><del>删除文件</del><br><span class="external-link"><a class="no-external-link" href="http://baidu.com" target="_blank"><i data-feather="external-link"></i>请输入链接描述</a></span></p><ol><li>列表项目</li><li>列表项目</li><li>列表项目</li></ol><ul><li>列表项目</li><li>列表项目</li><li>列表项目</li><li>[ 任务列表]</li><li>[ 任务列表]</li><li>[任务列表 ]</li></ul><blockquote>引用文本</blockquote><hr><p><div class="panel panel-default  box-shadow-wrap-lg goal-panel">
<div class="panel-heading">
        请输入标题
    </div>
<div class="padder-md wrapper">     <div class="streamline b-l m-b"><div class="sl-item b- b-l">
                                <div class="m-l">
                                    <div class="text-muted">2020-1-20</div>
                                    <p>当前时间的事件</p>
                                </div>
                            </div><div class="bg-light wrapper-sm m-l-n m-r-n m-b r r-2x">插入无具体时间的事件，不要将这种事件放在开头/结尾</div><div class="sl-item b-dark b-l">
                                <div class="m-l">
                                    <div class="text-muted">2020-2-20</div>
                                    <p>当前时间的事件</p>
                                </div>
                            </div></div></div></div></p><p><div class="panel panel-default  box-shadow-wrap-lg goal-panel">
    <div class="panel-heading">
        小目标
    </div>
    <div class="list-group">
   <div class="list-group-item"><div class="checkbox">
                <label class="i-checks">
                    <input type="checkbox" checked="" disabled="" value="">
                    <i></i>
                     只有完成和未完成两种状态的任务，check后的值true代表已经完成，false表示未完成 
                </label>
</div>            <p class="goal_name"> 有时间进度的任务 ：</p>
            <div class="progress-striped active m-b-sm progress" value="dynamic" type="danger">
                <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="97" aria-valuemin="0"
                 aria-valuemax="100" style="width: 50%;"><span> 50% </span></div>
            </div></div></div></div></p><p><div class="flex-column"><div class="flex-block" style="flex:auto"> 普通的一列 </div><div class="flex-block" style="flex:20%">该列的宽度只有20%</div><div class="flex-block" style="flex:200px">该列的宽度只有200像素 </div></div></p><p><button class=" btn m-b-xs btn-light  " onclick="window.open('http://www.baidu.com','_blank')">按钮</button><br><div class="tip inlineBlock share">

这里编辑标签内容
</div><br><div class="tip inlineBlock warning">

这里编辑标签内容
</div><br><div class="tip inlineBlock info">

这里编辑标签内容
</div><br><div class="tip inlineBlock success">

这里编辑标签内容
</div><br><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-cccd21e3121ec16d67688070df2078bb37" aria-expanded="true"><div class="accordion-toggle"><span style="">收缩框</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-cccd21e3121ec16d67688070df2078bb37" class="collapse in collapse-content"><p></p>这里编辑收缩框内容<p></p></div></div></div><br><div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-de22d540619fa517bff4f6ff0c2fc5c1120' role="tab" data-target='#tabs-de22d540619fa517bff4f6ff0c2fc5c1120'>标签页 1</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-300456faab4b16241ae68a6ce5fe264e871' role="tab" data-target='#tabs-300456faab4b16241ae68a6ce5fe264e871'>标签页 2</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-de22d540619fa517bff4f6ff0c2fc5c1120' class="tab-pane fade active in">
            内容 1</div><div role="tabpanel" id='tabs-300456faab4b16241ae68a6ce5fe264e871' class="tab-pane fade  ">
            内容 2</div>
</div>
</div><br><div class='album_block'>

[album]
<br>[普通的图片插入，支持markdown语法和html语法，混合也可以]<br>[/album] </div></p>

内容组件测试

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

ZXV10 B860AV3.2-M机顶盒刷armbian教程

给360t7路由器刷OpenWrt，130元左右的路由器价格体验如何

ELK安装教程

使用bat批处理快速切换网卡配置脚本

迪普交换机修改账户密码为默认

tomcat

使用iptables搭建nat让内网主机访问外网

使用bat批处理快速切换网卡配置脚本

Photoshops批量添加水印脚本

迪普交换机自动登录后台免输入验证码账户密码

内容组件测试

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

发表评论 取消回复 使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

内容组件测试

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款