功能测试

博主： kdmy
发布时间：2024 年 04 月 19 日
21 次浏览
暂无评论
1077字数
分类：默认分类

音乐测试

视频测试

卡片

百度一下百度一下你就知道

欢迎使用 Typecho

如果您看到这篇文章,表示您的 blog 已经安装成功.

回复可见

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

计划表

高亮提示文本

这是黄色的短代码框，常用来做提示，引起读者注意。

这是红色的短代码框，用于严重警告什么的。

这是浅蓝色的短代码框，用于显示一些信息。

这是绿色的短代码框，显示一些推荐信息。

收缩框

测试

这里编辑收缩框内容

标签卡

标签页 1
标签页 2

内容 1

内容 2

多栏

普通的一列

该列的宽度只有20%

该列的宽度只有200像素

普通的二列

该列的宽度只有20%

该列的宽度只有200像素

最后修改：2024 年 04 月 20 日

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

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

评论 *

私密评论

名称 *

🎲

邮箱 *

地址

欢迎使用 Typecho
评论数： 2
函数基础（C++）
评论数： 0
一个标准的C++程序
评论数： 0
函数基础（2）
评论数： 0
因特网概述
评论数： 0

kd
测试评论OωO
Typecho
欢迎加入 Typecho 大家族

功能测试

kdmy • 2024 年 04 月 19 日

<h1>音乐测试</h1>
<p><div class='handsome_aplayer player-content' data-preload="auto" data-autoplay="false" data-listMaxHeight="340px" data-order="list">
<div class="handsomePlayer-tip-loading"><span></span> <span></span> <span></span> <span></span><span></span></div><div class="handsome_aplayer_music" data-id="1373906533" data-server="netease" data-type="song" data-auth="035b8b9d6acaceb70240556c320f9d14"></div>
</div>
</p>
<h1>视频测试</h1>
<iframe src="https://player.bilibili.com/player.html?aid=990909915&bvid=BV1Ex4y177xd&cid=983518372&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
<h1>卡片</h1>
<p><div class="list-group list-group-lg list-group-sp row" style="margin: 0"><div class="col-sm-6">
<a href="http://example.com" target="_blank" class="no-external-link no-underline-link list-group-item no-borders 
box-shadow-wrap-lg"> <span class="pull-left thumb-sm avatar m-r"> <img noGallery 
src="https://kdmy.xyz/usr/plugins/Handsome/assets/image/nopic.jpg" alt="Error" class="img-square"></span> <span class="clear"><span 
class="text-ellipsis">
  百度一下</span> <small class="text-muted clear text-ellipsis">百度一下你就知道</small> </span> </a>
</div></div></p>
<p><div class="preview">
<div class="post-inser post box-shadow-wrap-normal">
<a href="https://kdmy.xyz/index.php/archives/start.html" target="_blank" class="post_inser_a no-external-link no-underline-link">
<div class="inner-image bg" style="background-image: url(https://kdmy.xyz/usr/themes/handsome/assets/img/sj/7.jpg);background-size: cover;"></div>

<div class="inner-content" >
<p class="inser-title">欢迎使用 Typecho</p>
<div class="inster-summary text-muted">
如果您看到这篇文章,表示您的 blog 已经安装成功.
</div>
</div>
</a>

</div>

</div></p>
<h1>回复可见</h1>
<p><div class="hideContent">此处内容需要评论回复后（审核通过）方可阅读。</div></p>
<h1>计划表</h1>
<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">            <p class="goal_name"> 阅读《局外人》 ：</p>
            <div class="progress-striped active m-b-sm progress" value="dynamic" type="danger">
                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="97" aria-valuemin="0"
                 aria-valuemax="100" style="width: 100%;"><span> 100% </span></div>
            </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: 45%;"><span> 45% </span></div>
            </div></div></div></div></p>
<h1>高亮提示文本</h1>
<p><div class="tip inlineBlock share">

这是灰色的短代码框，常用来引用资料什么的
</div><br />
<div class="tip inlineBlock warning">

这是黄色的短代码框，常用来做提示，引起读者注意。
</div><br />
<div class="tip inlineBlock error">

这是红色的短代码框，用于严重警告什么的。
</div><br />
<div class="tip inlineBlock info">

这是浅蓝色的短代码框，用于显示一些信息。
</div><br />
<div class="tip inlineBlock success">

这是绿色的短代码框，显示一些推荐信息。
</div></p>
<h1>收缩框</h1>
<p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-2a44d6490c5a90593653a2aec8cd328092" 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-2a44d6490c5a90593653a2aec8cd328092" class="collapse in collapse-content"><p></p>这里编辑收缩框内容<p></p></div></div></div></p>
<h1>标签卡</h1>
<p><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-393e82153f436938c248545012ae8ef7580' role="tab" data-target='#tabs-393e82153f436938c248545012ae8ef7580'>标签页 1</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-662e55f5d32c7bd5b18f3cc28ec24ef691' role="tab" data-target='#tabs-662e55f5d32c7bd5b18f3cc28ec24ef691'>标签页 2</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-393e82153f436938c248545012ae8ef7580' class="tab-pane fade active in">
            内容 1</div><div role="tabpanel" id='tabs-662e55f5d32c7bd5b18f3cc28ec24ef691' class="tab-pane fade  ">
            内容 2</div>
</div>
</div></p>
<h1>多栏</h1>
<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><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>

功能测试

音乐测试

视频测试

卡片

回复可见

计划表

高亮提示文本

收缩框

标签卡

多栏

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

欢迎使用 Typecho

函数基础（C++）

一个标准的C++程序

函数基础（2）

因特网概述

用三层交换机互连三个地区的网络

因特网概述

函数基础（C++）

左值和右值

函数基础（2）

功能测试

音乐测试

视频测试

卡片

回复可见

计划表

高亮提示文本

收缩框

标签卡

多栏

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

功能测试

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