文章组件测试

博主：天一
发布时间：2021 年 03 月 02 日
361 次浏览
暂无评论
2745字数
分类：学习服务器和建站

2020大事记

2020-1-20

武汉封城，疫情让一起变得慌乱起来

2020-3-20

开始远程办公，慢慢有序起来

生活变得好起来了

2020-10-1

国庆节去哈尔滨旅行，和老同学见面

2021的小目标

每天早睡

每天早起

阅读10本书：

50%

每天锻炼30分钟：

522%

正在播放：抱歉 Louis C.K.: Sorry (2021)

剧集列表

抱歉 Louis C.K.: Sorry (2021) 一根弦

正在播放：抱歉 Louis C.K.: Sorry (2021)

剧集列表

抱歉 Louis C.K.: Sorry (2021) 一根弦

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

网站名称一些链接描述

友人C

一个个人博客

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

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

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

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

该样式不包含左侧的图标，为简单样式

该样式为文字背景，不包含图标和过多的边距

标题

一些文字内容

标题

一些文字内容

标签页 1
标签页 2

内容 1

内容 2

[tab name="标签页 2" color:"#000" font-weight="bold"]高级内容文本示例[/tab]

默认白色文字
紫色文字
蓝色文字
黄色文字
红色文字
绿色文字
黑色文字

标题1

标题2

标题3

最后修改：2024 年 03 月 02 日

点赞有超好看的动画，不想看看吗😏

发表评论取消回复
所有评论会在人工审核后给予显示，请您务必遵守中国法律

评论 *

私密评论

名称 *

🎲

邮箱 *

地址

字体字库合并
浏览次数: 3240
欢迎访问
浏览次数: 3008
一个积雨云☁️
浏览次数: 2932
VSCode远程连接服务器
浏览次数: 2689
【LaTeX解析测试】电磁场第一章
浏览次数: 2326

温大帅
我就什么都不说，哼 >＞﹏＜< wzh网站在sky...
S22 Ultra 的育源
好耶，催更催更ヾ(≧∇≦*)ゝ
一天黄
刚下单没多长时间，就收到了，不得不店家的表扬服务效率，也给快递...
田育源
学完后半年回来评论，总结的很棒哇
田育源
好耶！图片很好看，配文也很可爱！

此内容被密码保护
浏览次数: 134
DSP实验四
浏览次数: 1449
macOS中开发常用配置
浏览次数: 1395
MWeb测试
浏览次数: 1204
现代移动通信期末复习
浏览次数: 1955

文章组件测试

天一 • 2021 年 03 月 02 日

<p><div class="panel panel-default  box-shadow-wrap-lg goal-panel">
<div class="panel-heading">
        2020大事记
    </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="sl-item b-info b-l">
                                <div class="m-l">
                                    <div class="text-muted">2020-3-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-success b-l">
                                <div class="m-l">
                                    <div class="text-muted">2020-10-1</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">
        2021的小目标
    </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>
                     每天早睡 
                </label>
</div><div class="checkbox">
                <label class="i-checks">
                    <input type="checkbox"  disabled="" value="">
                    <i></i>
                     每天早起 
                </label>
</div>            <p class="goal_name"> 阅读10本书 ：</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>            <p class="goal_name"> 每天锻炼30分钟 ：</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: 522%;"><span> 522% </span></div>
            </div></div></div></div></p><p><div class="video-player panel panel-default box-shadow-wrap-lg collapse-panel">
    <div class="panel-heading panel-collapse" data-toggle="collapse" data-iframe="673f05cb45827" data-src="" data-target="#video-673f05cb45827" aria-expanded="false"><i data-feather="airplay"></i><span>正在播放：</span><a id="origin_673f05cb45827" target="_blank" href="https://www.bilibili.com/video/BV1Bi4y1d7if"><b id="title_673f05cb45827" class="video-name">抱歉 Louis C.K.: Sorry (2021) </b></a></div>
     <div class="panel-body collapse in" id="video-673f05cb45827">
                <div class="iframe_player embed-responsive embed-responsive-16by9">
                    <iframe id="673f05cb45827" allowfullscreen="true" src="https://okjx.cc/?url=https://www.bilibili.com/video/BV1Bi4y1d7if"></iframe>
                </div>
            
<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-ba77dd4fe1160fc3fc3c4764aed6562332" aria-expanded="true"><div class="accordion-toggle"><span style=""><i data-feather='list'></i> 剧集列表</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-ba77dd4fe1160fc3fc3c4764aed6562332" class="collapse in collapse-content"><p></p>

<div class="btn-group" data-toggle="buttons">  <label class="btn btn-info active" data-src="https://okjx.cc/?url=https://www.bilibili.com/video/BV1Bi4y1d7if" data-iframe="673f05cb45889" data-origin="https://www.bilibili.com/video/BV1Bi4y1d7if">
    <input type="radio" name="options" id="option1"> 抱歉 Louis C.K.: Sorry (2021) 
  </label>  <label class="btn btn-info " data-src="https://okjx.cc/?url=https://www.bilibili.com/video/BV1RL4y1J7wJ" data-iframe="673f05cb45889" data-origin="https://www.bilibili.com/video/BV1RL4y1J7wJ">
    <input type="radio" name="options" id="option1"> 一根弦
  </label></div>  
<p></p></div></div></div>
</div> 
</div> </p><p><button class=" btn m-b-xs btn-danger btn-addon" onclick="window.open('http://wpa.qq.com/msgrd?v=3&uin=535425690&site=qq&menu=yes','_blank')"><i class="fontello fontello-gratipay"></i>点击QQ咨询购买（√推荐）</button></p><p><button class=" btn m-b-xs btn-success btn-addon" onclick=""><i class="glyphicon glyphicon-send"></i>ihewro#163.com</button></p><p><button class=" btn m-b-xs btn-success btn-addon" onclick=""><i><i data-feather="music"></i></i>音乐歌单</button></p><p><button class=" btn m-b-xs btn-success btn-addon" onclick=""><i class="icon-emoji">🍜</i>菜谱</button></p><p><div class="list-group list-group-lg list-group-sp row" style="margin: 0"><div class="col-sm-6">
<a href="http://baidu.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://iskyone.com/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 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://iskyone.com/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 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="图片地址" 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://www.ihewro.com" target="_blank" class="post_inser_a no-external-link no-underline-link">
<div class="inner-image bg" style="background-image: url(http://www.ihewro.com/img/xxx.jpg);background-size: cover;"></div>

<div class="inner-content" >
<p class="inser-title">友人C</p>
<div class="inster-summary text-muted">
一个个人博客
</div>
</div>
</a>

</div>

</div></p><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><p><div class="tip inlineBlock error simple">

该样式不包含左侧的图标，为简单样式
</div></p><p><div class="tip inlineBlock error simple small">

该样式为文字背景，不包含图标和过多的边距
</div></p><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-3dee6e1e4c37bc6705e2450a5bc7d2d957" 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-3dee6e1e4c37bc6705e2450a5bc7d2d957" class="collapse collapse-content"><p></p>一些文字内容<p></p></div></div></div></p><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-f8bf872d138d500b726f7d25fc09784677" 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-f8bf872d138d500b726f7d25fc09784677" class="collapse in collapse-content"><p></p>一些文字内容<p></p></div></div></div></p><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-040a69337c5e8254166163cd5d4837fb410' role="tab" data-target='#tabs-040a69337c5e8254166163cd5d4837fb410'>标签页 1</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-8314a7d8846fdb81940db9430b537ef5901' role="tab" data-target='#tabs-8314a7d8846fdb81940db9430b537ef5901'>标签页 2</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-040a69337c5e8254166163cd5d4837fb410' class="tab-pane fade active in">
            内容 1</div><div role="tabpanel" id='tabs-8314a7d8846fdb81940db9430b537ef5901' class="tab-pane fade  ">
            内容 2</div>
</div>
</div></p><p>[tab name="标签页 2" color:"#000" font-weight="bold"]高级内容文本示例[/tab]</p><p><span class="label bg-light dk">默认白色文字</span><br><span class="label bg-primary">紫色文字</span><br><span class="label bg-info">蓝色文字</span><br><span class="label bg-warning">黄色文字</span><br><span class="label bg-danger">红色文字</span><br><span class="label bg-success">绿色文字</span><br><span class="label bg-dark">黑色文字</span></p><p><div class="flex-column"><div class="flex-block" style="flex:20%"><div class="tip inlineBlock error simple small">

标题1
</div><br><div class="tip inlineBlock share simple small">

标题1<br>标题1的内容<br>
</div><br></div><div class="flex-block" style="flex:200px"><div class="tip inlineBlock error simple small">

标题2
</div><br></div><div class="flex-block" style="flex:auto"><div class="tip inlineBlock error simple small">

标题3
</div><br></div></div></p>

发表评论 取消回复 所有评论会在人工审核后给予显示，请您务必遵守中国法律

文章组件测试

发表评论取消回复
所有评论会在人工审核后给予显示，请您务必遵守中国法律