音乐测试

焦糖星 - warma

作词 : 大九_LN

作曲 : 味素

曲绘：药屋盐

混音：白萝卜混音工作室

歌唱：Warma

没有人能拒绝温柔单纯的吻

坠落心间化开一圈孤单波纹

星空之下凝视见证爱和牺牲

闪耀暗淡转瞬即逝如此真诚

终会降临新的相遇

印证运行规律

我倔强不知趣

固守破碎的局

你可知偌大的宇宙有一颗星球

住着个未忘却你的愚人

包裹了焦糖思念的苦涩

能染上几缕甜美的颜色

烈焰的炙热温度的拉扯

构想若未遇见你的假设

我泪水失重无法轻描淡写地搪塞

等倒数的时刻来临

终于坦诚心意

扑向你的光明

换得一瞬亲近

任我索要眼神之中些许温存

开阖双唇捧起一潭回忆冰冷

漫天星辰宛如瞳仁参透混沌

为何此时忤逆常理扪心自问

我近乎怜悯的审视

依旧背道而驰

是短暂的自私

是自毁的固执

你可知

偌大的宇宙有一颗星球

住着个未忘却你的愚人

包裹了焦糖思念的苦涩

能染上几缕甜美的颜色

烈焰的炙热温度的拉扯

构想若未遇见你的假设

我泪水失重无法轻描淡写地搪塞

等倒数的时刻来临

终于坦诚心意

扑向你的光明

换得一瞬亲近

00:00 / 00:00

An audio error has occurred.

1 焦糖星 warma

视频测试

卡片

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

欢迎使用 Typecho

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

回复可见

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

计划表

高亮提示文本

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

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

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

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

收缩框

测试

这里编辑收缩框内容

标签卡

标签页 1
标签页 2

内容 1

内容 2

多栏

普通的一列

该列的宽度只有20%

该列的宽度只有200像素

普通的二列

该列的宽度只有20%

该列的宽度只有200像素

# 音乐测试

# 视频测试

# 卡片

<div class="list-group list-group-lg list-group-sp row" style="margin: 0"><div class="col-sm-6">
<a href="https://www.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://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>

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

</div>

</div>

# 回复可见

<div class="hideContent">此处内容需要评论回复后（审核通过）方可阅读。</div>

# 计划表

<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>

# 高亮提示文本

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

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

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

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

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

# 收缩框

<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-4611d885d794eab11a786e6261d249d247" 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-4611d885d794eab11a786e6261d249d247" class="collapse in collapse-content"><p></p>这里编辑收缩框内容<p></p></div></div></div>

# 标签卡

# 多栏

<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>

<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>

最后修改：2024 年 04 月 20 日